An open API service indexing awesome lists of open source software.

https://github.com/im-rises/pokedex-react

Pokédex made in React using the Pokepedia API
https://github.com/im-rises/pokedex-react

pokedex pokedex-application pokemon react

Last synced: 9 months ago
JSON representation

Pokédex made in React using the Pokepedia API

Awesome Lists containing this project

README

          

# pokedex-react

Pokédex made in React using the Poképedia API.

## 🚀🚀[you can try the pokedex by clicking here](https://im-rises.github.io/pokedex-react/) 🚀🚀

## Screenshots

![main-page](https://github.com/Im-Rises/pokedex-react/assets/59691442/4ae8439b-7e5a-45ca-9ed6-cf0b7f7b2d63)
![pokemon-list](https://github.com/Im-Rises/pokedex-react/assets/59691442/187fd288-4ce2-46cd-bd35-18c5cc7dbd8d)
![pokemon-details](https://github.com/Im-Rises/pokedex-react/assets/59691442/f09e3d94-ff38-478b-afc8-6344e7f6107b)

## To do list

- [ ] Changer background en background adaptatif (bien utiliser SCSS avec des mixin et l'intégrer en appel de class
partout!!!) : Clément et Quentin

## To do list (done)

- [x] load a pokemon details using only the url
- [x] Correction barre de recherche erreur 404 (ralentis à mort dû au temps d'attente de réponse) : Clément
- [x] Correction requête crash : Quentin et Clément
- [x] Corriger les bugs et crash de easter egg : Quentin
- [x] Responsive de la page principale (pokemon list) : Clément et Quentin
- [x] Responsive de la page detail à corriger : Quentin
- [x] Faire le readme : Clément et Quentin
- [x] Correct animation lag when clicking on the pokeball opening : Quentin et Clément
- [x] Ajouter boutons ou non pour passer d'un poke à un autre depuis la page de pokemon details : Clément Quentin

## API used

- [pokepedia](https://pokeapi.co)
- [react-gh-pages](https://github.com/gitname/react-gh-pages)
- https://gist.github.com/apaleslimghost/0d25ec801ca4fc43317bcff298af43c3

## Documentations

- [React](https://reactjs.org/docs/getting-started.html)
- [Pokeapi](https://pokeapi.co/docs/v2.html)
- [React-gh-pages](https://github.com/gitname/react-gh-pages)
- [EsLint](https://eslint.org/docs/user-guide/getting-started)

## GitHub Actions

[![CodeQL](https://github.com/Im-Rises/pokedex-react/actions/workflows/codeql.yml/badge.svg)](https://github.com/Im-Rises/pokedex-react/actions/workflows/codeql.yml)
[![ESLint](https://github.com/Im-Rises/pokedex-react/actions/workflows/eslint.yml/badge.svg)](https://github.com/Im-Rises/pokedex-react/actions/workflows/eslint.yml)
[![Node.js CI](https://github.com/Im-Rises/pokedex-react/actions/workflows/node.js.yml/badge.svg)](https://github.com/Im-Rises/pokedex-react/actions/workflows/node.js.yml)
[![gh-pages-publish](https://github.com/Im-Rises/pokedex-react/actions/workflows/gh-pages-publish.yml/badge.svg)](https://github.com/Im-Rises/pokedex-react/actions/workflows/gh-pages-publish.yml)
[![pages-build-deployment](https://github.com/Im-Rises/pokedex-react/actions/workflows/pages/pages-build-deployment/badge.svg)](https://github.com/Im-Rises/pokedex-react/actions/workflows/pages/pages-build-deployment)

- CodeQL: Code scanning alerts
- ESLint: Linting
- Node.js CI: Continuous Integration (CI) for Node.js
- gh-pages-publish: Publish to gh-pages branch
- pages-build-deployment: Build and deploy to pages

## Links

Check the source code
on [![github](https://user-images.githubusercontent.com/59691442/223556058-6244e346-8117-43cd-97c6-bf68611bf286.svg)](https://github.com/im-rises/pokedex-react)

Check the website
on [![github](https://user-images.githubusercontent.com/59691442/223556058-6244e346-8117-43cd-97c6-bf68611bf286.svg)](https://im-rises.github.io/pokedex-react/)

## Authors

- [@clementreiffers](https://www.github.com/clementreiffers)
- [@im-rises](https://www.github.com/im-rises)

[![GitHub contributors](https://contrib.rocks/image?repo=Im-Rises/pokedex-react)](https://github.com/Im-Rises/pokedex-react/graphs/contributors)