https://github.com/powerlevel9000/pokemon-dashboard-plus

Pokemon Dashboard Plus Welcome to the Pokemon Dashboard Plus! Here, you can explore a collection of your favorite Pokemon. Add them to your favorites and view detailed information about each Pokemon. Start your Pokemon journey now!
https://github.com/powerlevel9000/pokemon-dashboard-plus

bootstrap5 localstorage pagination reactjs

Last synced: about 2 months ago
JSON representation

Pokemon Dashboard Plus Welcome to the Pokemon Dashboard Plus! Here, you can explore a collection of your favorite Pokemon. Add them to your favorites and view detailed information about each Pokemon. Start your Pokemon journey now!

• Host: GitHub
• URL: https://github.com/powerlevel9000/pokemon-dashboard-plus
• Owner: PowerLevel9000
• License: gpl-3.0
• Created: 2024-03-17T04:50:31.000Z (11 months ago)
• Default Branch: dev
• Last Pushed: 2024-04-14T00:56:35.000Z (10 months ago)
• Last Synced: 2024-11-10T04:28:04.158Z (3 months ago)
• Topics: bootstrap5, localstorage, pagination, reactjs
• Language: TypeScript
• Homepage: https://pokemon-dashboard-plus.onrender.com/
• Size: 9.22 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        




  

  


  


  


Pokemon Dashboard Plus





 




  
App Mock

  

  












# 📗 Table of Contents

- [📖 About the Project](#about-project)

  - [🧪 Linters And test](#linters)

  - [🛠 Built With](#built-with)

    - [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)

  - [Deployment](#triangular_flag_on_post-deployment)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [🧑‍💻 Credits ](#credit)

- [📝 License](#license)

# 📖 Pokemon Dashboard Plus 

**Pokemon Dashboard Plus** Welcome to the Pokemon Dashboard Plus! 

                    Here, you can explore a collection of your favorite Pokemon. 

                    Add them to your favorites and view detailed information about each Pokemon. 

                    Start your Pokemon journey now!




## 🛠 Built With 

### Tech Stack 

> In this project I used many skills, tech and libraries

  Documentation

  


    
HTML

  


  Styling

  


    
CSS

    
Bootstrap

  


Dynamics And Logics

  


    
React

  


API involved

  


    


Pokedex

  





### Key Features 

> Following features you should observe

- **you can see the pokemon on home page*

- **You can  paginate through various page**

- **you can see short and full details of the pokemon**

- **you can have modal of the each pokemon**

(back to top)


## 🚀 Live Demo 

> This link will guide you to my project

[![Netlify Status](https://api.netlify.com/api/v1/badges/73347f69-a6b9-4eeb-903e-9f13d98d3191/deploy-status)](https://pokedexplus.netlify.app/)

[![Render](https://img.shields.io/badge/Render-Click%20Here-blue)](https://pokemon-dashboard-plus.onrender.com/)




## Presentation video 

[![Video Link](https://img.shields.io/badge/Video-Click%20Here-red)](https://www.loom.com/share/f1600b6b074c4161ba31a17f1023846f?sid=f35df531-4177-4550-a4c7-c212ca5e5ade)

(back to top)


## 💻 Getting Started 

>For having local file and project you can fork this repo 

>And for making changes you you should follow prerequisites

### Prerequisites

To edit this project you need:

 - Node.js installed

 - A Terminal 

 - A web browser

 - An IDE

 - suggested IDE

   - visual studio code

   - atom 

   - visual code 

### Setup

Clone this repository to your desired folder:

 - And run `npm i` in root dir to install node modules

 - Then run `npm run dev` or `npm start`

 - All this makes our project open  in the browser

### Usage

 Execute the following thing:

 

- See Pokemon

- search Pokemon

 

### Deployment

You can deploy this project using:

- Fork our Repo and clone it or download `zip` and extract it

- Edit some changes

- Run `npm run build` to make our project production ready

- deploy it using [GitHub](www.github.com) pages 

- or use Netlify or Render

 

(back to top)


## 👥 Authors 

👤 **Adarsh Pathak**

- GitHub: [@PowerLevel9000](https://github.com/githubhandle)

- Twitter: [@PowerLevel9002](https://twitter.com/PowerLevel9002?t=AIuSN7mTxk5a_MWpLolEjA&s=09)

- LinkedIn: [@Adarsh Pathak](https://www.linkedin.com/in/adarsh-pathak-56a831256/)

## 🔭 Future Features 

> Describe 1 - 3 features that will add to the project.

- [ ] **Search Feature**

- [ ] **Pagination**

- [ ] **Stats chart**

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/PowerLevel9000/pokemon-dashboard-plus/issues).

(back to top)


## ⭐️ Show your support 

If you like my Project give it a Star ✨🌟

or




[![BuyMeACoffee](https://img.shields.io/badge/Buy%Me%20a%20Coffee-ffdd00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black)](https://buymeacoffee.com/adi8090808E)

(back to top)


## 📝 License 

This project is [GNU GENERAL PUBLIC LICENSE](https://github.com/PowerLevel9000/pokemon-dashboard-plus/blob/dev/LICENSE) licensed.

(back to top)