Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/tiagom13/pokedex

Aplicação em ReactJS, este projeto é uma pokedex do anime de Pokémon, consite na listagem de pokémons.
https://github.com/tiagom13/pokedex

axios pagination phosphor-react pokeapi postcss react-helmet react-hooks react-icons react-loading-skeleton react-modal react-test react-testing-library reactjs tailwindcss typescript

Last synced: 23 days ago
JSON representation

Aplicação em ReactJS, este projeto é uma pokedex do anime de Pokémon, consite na listagem de pokémons.

Host: GitHub
URL: https://github.com/tiagom13/pokedex
Owner: TiagoM13
Created: 2023-01-07T12:28:21.000Z (almost 2 years ago)
Default Branch: main
Last Pushed: 2024-02-04T18:43:36.000Z (11 months ago)
Last Synced: 2024-02-04T20:22:49.810Z (11 months ago)
Topics: axios, pagination, phosphor-react, pokeapi, postcss, react-helmet, react-hooks, react-icons, react-loading-skeleton, react-modal, react-test, react-testing-library, reactjs, tailwindcss, typescript
Language: TypeScript
Homepage: https://pokedex-tiagom13.vercel.app
Size: 78.1 MB
Stars: 2
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: readme.md

Awesome Lists containing this project

README

        


   


   Pokedex - React 



A Pokédex é uma ferramenta essencial para treinadores de Pokémon. Ela é um dispositivo eletrônico que armazena informações detalhadas sobre diferentes espécies de Pokémon encontradas ao longo da jornada. Através da Pokédex, os treinadores podem aprender sobre as características, habilidades e evoluções de cada Pokémon, auxiliando-os na estratégia de batalha e na busca por completar a sua coleção.

Esta aplicação mostra uma listagem de todos os Pokemons, lista suas caracteristicas únicas, detalhando cada Pokémon.

---

## 📷 Demonstração



  



----

## 🔗 Funcionalidades

- Listagem 

- Preview e detalhes de cada Pokémon

- Paginação 

- Pesquisa 

- Modal de detalhes com guias

- Imagem com carregamento preguiçoso

- Busca de dados pela API - PokeApi

---

## 🔖 Rodando localmente

Clone o projeto

```bash

  git clone https://github.com/TiagoM13/pokedex.git

```

Entre no diretório do projeto

```bash

  cd pokedex

```

Instale as dependências

```bash

  npm install

```

Inicie o servidor

```bash

  npm run dev

```

## 🔧 Stack utilizada

- [React](https://react.dev/)

- [React Hooks](https://react.dev/reference/react)

- [TypeScript](https://www.typescriptlang.org/)

- [Talwindcss](https://tailwindcss.com/)

- [React Helmet](https://www.npmjs.com/package/react-helmet)

- [Phosphor Icons](https://phosphoricons.com/)

- [React Icons](https://react-icons.github.io/react-icons/)

- [React Modal](https://www.npmjs.com/package/react-modal)

- [React Loading Skeleton](https://www.npmjs.com/package/react-loading-skeleton)

- [Axios](https://axios-http.com/)

- [PokeAPI](https://pokeapi.co/) 

## 🦸 Autor



Tiago Mota


[![Twitter Badge](https://img.shields.io/badge/-@tiago_m13-1ca0f1?style=flat-square&labelColor=1ca0f1&logo=twitter&logoColor=white&link=https://twitter.com/tiago_m13)](https://twitter.com/tiago_m13) [![Linkedin Badge](https://img.shields.io/badge/-Tiago-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/tiago-mota-4690591a8/)](https://www.linkedin.com/in/tiago-mota-4690591a8/) 

[![Gmail Badge](https://img.shields.io/badge/[email protected]?style=flat-square&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])

---