Click here to see the live demo!
Pokelist is a small application made in React + TypeScript that lists Pokémons based on the pokeapi.co API, and let the user favorite them.
- User can see a list of Pokémons on the main page;
- User can navigate to other pages using navigation buttons;
- User can access the Pokémon details page clicking on the Pokémon on the main page;
- User can insert a Pokémon in a favorites list, in localStorage, clicking on the star button;
- User can leave the browser's tab, come back and see the favorites list with the updated state;
- User can remove a Pokémon from the favorites list clicking on the star when it's active;
- git clone: https://github.com/kdumagalhaes/pokelist.git
npm install
npm start
npm run test
- Node's latest version installed on your machine.
- https://nodejs.org/en/download/
- ReactJS
- Create React App
- TypeScript
- LocalStorage API
- Styled Components
- React Testing Library
- React Router
- Pokeapi.co
- Context API
- Update title page based on screen content (React Helmet?);
- Loading effect on images;
- Apply reducers;
- Improve tests with mocks and different approaches;
- Improve navigation based on browser history;
- Improve performance with caching techniques;
Made with ♥ by Carlos 👋