Skip to content

The Pokémon Explorer App is a single-page web application built with React and Redux that allows users to explore information about various Pokémon species. The app fetches data from the PokeAPI and presents it in an intuitive and user-friendly interface.

License

Notifications You must be signed in to change notification settings

rubydevi/react-capstone

Repository files navigation

📗 Table of Contents

📖 Pokemon Explorer App

The Pokémon Explorer App is a single-page web application built with React and Redux that allows users to explore information about various Pokémon species. The app fetches data from the PokeAPI and presents it in an intuitive and user-friendly interface. The home page displays a grid of Pokémon species, each with a unique background color pattern based on their position. Users can filter Pokémon by name using an input field. Clicking on a Pokémon takes users to a details page where they can view information such as the Pokémon's name, number, base experience, weight, and height. The app offers easy navigation between the home page and details page, enhancing the user experience and making it an enjoyable platform for discovering Pokémon details.

Tech Stack

Client
  • HTML and CSS
  • JavaScript
  • React & Redux

Key Features

  • React & Redux App
  • JSX
  • SPA

(back to top)

🚀 Live Demo

(back to top)

💻 Getting Started

Prerequisites

In order to run this project you need:

  1. git
  2. VS Code or any code editor
  3. npm intalled

Setup

Clone this repository to your desired folder:

  cd my-folder
  git clone git@github.com:rubydevi/react-capstone.git
  cd react-capstone

Install

Install this project with:

 npm install

Usage

To run this project in the browser, run the code below on your terminal:

 npm start

Run tests

To run tests, run the following command:

 npx stylelint "**/*.{css,scss}"
 npx eslint "**/*.{js,jsx}"

(back to top)

👥 Authors

👤 Chongtham Ruby Devi

(back to top)

🔭 Future Features

  • CRUD operations.
  • Dynamic Progress.
  • User Management.

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

⭐️ Show your support

If you like this project please leave a star, I'd really appreciate it.

(back to top)

Acknowledgments

  • I'd like to thank Microverse for this wonderful README template.
  • I'd also like to thank Nelson Sakwa for the design.

📝 License

This project is MIT licensed.

(back to top)

About

The Pokémon Explorer App is a single-page web application built with React and Redux that allows users to explore information about various Pokémon species. The app fetches data from the PokeAPI and presents it in an intuitive and user-friendly interface.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published