This is a Pokedex application built using React, Redux, TypeScript, SASS/SCSS, and Bootstrap. The app allows users to search, view, and explore detailed information about various Pokémon, including their stats, abilities, and more.
- Responsive UI: Utilizes Bootstrap to ensure the app is responsive and works across different screen sizes.
- State Management: Managed global state using Redux to handle Pokémon data, search results, and user interactions.
- Type Safety: TypeScript is used to ensure type safety and improved developer experience throughout the app.
- Styling: SASS/SCSS is used to structure and maintain the stylesheets for a cleaner and modular approach to styling.
- Search Functionality: Search for Pokémon by name or number, with results showing relevant data.
- Pagination: Explore Pokémon in a paginated list, allowing users to browse a vast number of Pokémon efficiently.
- Detailed Pokémon Info: Click on any Pokémon to view detailed information such as abilities, stats, and evolutions.
Before running the project, ensure you have Node.js and npm installed.
- Clone the repository:
git clone https://github.com/jacobEliasMoya/Pokedex-TypeScript
- Install the dependencies:
cd pokedex-app npm install
To run the development server, use the following command:
npm startThis will start the app on http://localhost:3000.
To build the app for production, use:
npm run buildThis will create a build directory with the production-ready version of the app.
- React: For building the user interface.
- Redux: For state management and handling global app state.
- TypeScript: For static typing and improved developer experience.
- SASS/SCSS: For writing and maintaining styles in a modular way.
- Bootstrap: For responsive design and grid layout.
Feel free to fork the repository, open an issue, or submit a pull request. Contributions are welcome!
This project is licensed under the MIT License - see the LICENSE file for details.
Happy Coding!