A web-app used for collecting pokemons created using Create-React-App with PWA (progressive web application). The design is inspired by Pokemon Wiki - Fandom.
https://pokedex-rafdian.vercel.app/
Page shows a list pokemons that can be captured. In this page you can see a list of pokemon cards consist of name, image, and total of pokemons you have.
Page shows the detail of pokemon you choose from homepage. In this page you can see detail information about a pokemon consists of status, abilities, moves, and name of the pokemon you have. From this page you can also try to capture the pokemon with 50% chance of success and name it.
Page shows a list of pokemon that you have. In this page you can see the name of the pokemon you have and you can release it.
graphql
using@apollo/client
for accessing pokemon data from PokeApireact-router-dom
for setting up routesreact-redux
for managing state@emotion/react
for styling components
- Assets - for keeping images
- Entities - for keeping shared types, constant, and functions
- Presentations - for creating shared components
- Repositories - for keeping queries and normalizer
- Store - for keeping store
- Routes - for keeping pages routes and layouts
- Usecases - for keeping business logic used in code
- Views - for keeping pages components