React Pokédex App

Welcome to the Pokedex-React App! This application is built using React, Next.js, and Tailwind CSS to provide a delightful experience for Pokémon enthusiasts. With the integration of the PokeAPI, this app allows users to fetch detailed information about Pokémon using their names or IDs. The app showcases key information such as images, base stats, moves, abilities, and evolution chains.

🌐 Live Demo

Features

• Pokémon Search: Easily search for Pokémon by entering their name or ID.
• Detailed Information: View comprehensive details about each Pokémon, including images, base stats, moves, abilities, and evolution chains.
• Responsive Design: The app is designed to provide a seamless experience on various devices, ensuring accessibility for all users.
• Intuitive UI: The user interface is crafted with a clean and intuitive design, making it easy for users to navigate and explore Pokémon information.

Technologies Used

• React: A JavaScript library for building user interfaces.
• Next.js: A React framework for building server-side rendered and statically generated web applications.
• Tailwind CSS: A utility-first CSS framework for rapidly building custom designs.
• PokeAPI: An open API that provides Pokémon data, allowing us to fetch detailed information about each Pokémon.

Getting Started

To run the React Pokédex App locally, follow these steps:

1. Clone the Repository:

   git clone https://github.com/RuanCampello/pokedex-react.git
   

2. Install Dependencies:

   cd react-pokedex-app
   npm install
   

3. Run the Development Server:

   npm run dev
   

4. Open in Browser: Visit http://localhost:3000 in your browser to explore the React Pokédex App.

Usage

1. Search for Pokémon:

   • Enter the name or ID of the Pokémon you want to learn more about in the search bar.
   • Press the "Search" button or hit "Enter" to fetch and display the Pokémon's information.

2. Explore Pokémon Details:

   • View the Pokémon's image, base stats, moves, abilities, and evolution chain on the information page.

3. Enjoy the Experience:

   • Explore various Pokémon and dive into the rich world of Pokémon with this interactive and informative app.

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Acknowledgments

• Special thanks to the contributors of the PokeAPI for providing the data that makes this app possible.
• Inspired by the love for Pokémon and the desire to create an engaging and educational experience for fans.

Feel free to explore, contribute, and catch 'em all with the React Pokédex App!