Discover the world of Pokémon with our Pokedex app! This comprehensive application, developed using React and TypeScript, serves as a one-stop hub for all your Pokémon needs. Dive into a wealth of information about every Pokémon, explore various types, browse through an extensive collection of items, and navigate detailed region maps.
- Pokémon Database: Access detailed information on all Pokémon species.
- Type Encyclopedia: Explore the various types of Pokémon and their attributes.
- Item Catalog: Browse through a curated collection of in-game items.
- Region Maps: Navigate through beautifully crafted maps representing different Pokémon regions.
- Frontend: React, TypeScript
- API: Pokémon API
- Testing: Cypress
This project is the result of dedicated work during the Mindera Frontend Bootcamp of 2023. From conceptualization to implementation, our team crafted a user-friendly and feature-rich Pokedex app to bring the Pokémon world to your fingertips.
Embark on a journey of exploration and nostalgia—uncover the vast universe of Pokémon in this meticulously designed Pokedex app.
yarn install
yarn devyarn test- Api Communication
- Left Side Components
- Right Side Components
- Display Monitor
- Display Info
- Menu Buttons
- Pokemon Types
- Pokemon Items
- Regions
- Mobile Component
- Tablet Component
- Cypress component testing
- Production deploy to github pages
This project is using action as a method of comunication with the endpoins.
Almost all compoments are using styled compoments Style Compoments Website
This project was made using Redux. Redux provides a central store to hold the state, and any component can access and subscribe to this store to stay informed about state changes.
You can use Redux for managing the state of a web application. It follows a predictable state management pattern, where the entire application state is stored in a single JavaScript object, and changes to the state are made through actions. These actions are dispatched by components and processed by reducers, which are pure functions responsible for updating the state.
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh