https://github.com/rubydevi/react-capstone
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.
https://github.com/rubydevi/react-capstone
api capstone-project pokeapi react redux
Last synced: 3 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/rubydevi/react-capstone
- Owner: rubydevi
- License: mit
- Created: 2023-08-07T09:01:12.000Z (almost 2 years ago)
- Default Branch: dev
- Last Pushed: 2023-08-10T19:18:41.000Z (almost 2 years ago)
- Last Synced: 2024-12-29T15:12:39.747Z (5 months ago)
- Topics: api, capstone-project, pokeapi, react, redux
- Language: JavaScript
- Homepage: https://pokemon-explorer-app.onrender.com/
- Size: 824 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
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](https://pokeapi.co/api/v2/pokemon?limit=151) 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.
Client
- HTML and CSS
- JavaScript
- React & Redux
- **React & Redux App**
- **JSX**
- **SPA**
- [Deployed App](https://64d4b5318f95a40008a1d353--rainbow-sherbet-144aa6.netlify.app/)
- [My Presentation](https://drive.google.com/file/d/1iiHlb0XE2IHCMOTJJik9v_qM8aftwXRG/view?usp=sharing)
### 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:
```sh
cd my-folder
git clone [email protected]:rubydevi/react-capstone.git
cd react-capstone
```
### Install
Install this project with:
```sh
npm install
```
### Usage
To run this project in the browser, run the code below on your terminal:
```sh
npm start
```
### Run tests
To run tests, run the following command:
```sh
npx stylelint "**/*.{css,scss}"
```
```sh
npx eslint "**/*.{js,jsx}"
```
👤 **Chongtham Ruby Devi**
- GitHub: [@rubydevi](https://github.com/rubydevi)
- Twitter: [@arieabyss](https://twitter.com/ariesabyss)
- LinkedIn: [Chongtham Ruby Devi](https://www.linkedin.com/in/chongtham-bhoomika/)
- CRUD operations.
- Dynamic Progress.
- User Management.
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/rubydevi/react-capstone/issues).
If you like this project please leave a star, I'd really appreciate it.
- I'd like to thank Microverse for this wonderful README template.
- I'd also like to thank [Nelson Sakwa](https://www.behance.net/sakwadesignstudio) for the design.
This project is [MIT](https://github.com/rubydevi/react-capstone/blob/main/LICENSE) licensed.