This Rick and Morty web app is a project made to showcase the use of The Rick and Morty API. It was my first hands on fully React personal app since I worked with it in other work projects but nothing I can show at in my personal portfolio. This wiki-ish app was made using all the power that React can bring, I'll describe in the next lines the technologies I used.
This is a full frontend app made with react so I was bound to use some of the tools crafted for specific purposes, I wanted this to be as simple as possible in terms of libraries added and what brings to the table. I needed to manage the global state, make API requests and to have a dark mode toggle switch, other than that I just wanted it to make it pretty. Here's the list:
- Vite: I needed a nice and easy dev environment, hot reload and commodity.
- Redux Toolkit: We all know Redux, I needed a hassle free state management to control things like the dark mode toggle state.
- React Router: Self explanatory.
- React Icons: Nice and centralized place to get multiple Icons, take a look here.
- TailwindCSS: I find it easier to style my components if I do it by myself.
- HeadlessUI: I used it only in the Navbar, sometimes using nicely made wrappers it's a go. Check it here
Clone me
git clone git@github.com:garaekz/ricknmortapp.git
Locate yourself inside the folder
cd ricknmortapp
Install dependencies
yarn install
Run the dev server
yarn dev
This will run the dev server at http://127.0.0.1:5173/
Well... How can I put this... At this moment I don't have set up unit or E2E tests, maybe in future releases.
So, you want to deploy this? I got your back, just run:
yarn build
I'm a spanish native speaker but I speak english too, feel free to contact me regarding this project, ask me questions or give me recommendations.
Remember to star this, it helps to boosts confidence and keep doing fun stuff.