https://github.com/devmagno/next-pokedex

🔴 Pokédex desenvolvida utilizando Next.js, TypeScript, React Query, Jest e Testing Library.
https://github.com/devmagno/next-pokedex

axios jest next nextjs react react-query react-testing-library reactjs sass typescript

Last synced: 3 months ago
JSON representation

🔴 Pokédex desenvolvida utilizando Next.js, TypeScript, React Query, Jest e Testing Library.

• Host: GitHub
• URL: https://github.com/devmagno/next-pokedex
• Owner: devMagno
• Created: 2022-09-08T16:08:59.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-23T01:18:02.000Z (over 2 years ago)
• Last Synced: 2023-08-29T07:50:08.344Z (over 1 year ago)
• Topics: axios, jest, next, nextjs, react, react-query, react-testing-library, reactjs, sass, typescript
• Language: TypeScript
• Homepage: https://next-pokedex-seven.vercel.app/
• Size: 602 KB
• Stars: 7
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Pokédex 🔴⚡

## 📖 Sobre

Trata-se de uma Pokédex desenvolvida utilizando Next.js e TypeScript, utilizando dados da [PokéAPI](https://pokeapi.co/). Para estilização foi escolhida a abordagem com Sass (síntaxe SCSS) e CSS modules. Foi utilizado a biblioteca React Query para cache local dos dados da API e gerenciamento assíncrono de estados utilizando a abordagem `stale-while-revalidate`, além de geração estática de páginas pensando em SEO. Para testes, foi utilizado o Jest junto à React Testing Library. Para padronização do código foi utilizado ESLint e Prettier.

Sinta-se à vontade para contribuir com o projeto ou visite o site clicando [aqui](https://next-pokedex-seven.vercel.app/).

---

## 🧰 Dependências

- **Axios** para requisições HTTP

- **React Query** para gerenciamento de estado assíncrono

- **React Icons** como biblioteca de ícones

- **React Loading Skeleton** para animação do tipo skeleton

- **Jest** e **React Testing Library** para testes

---

## 🔧 Como executar o projeto

```bash

# Clone o repositório

git clone https://github.com/devMagno/next-pokedex

# Entre no diretório

cd next-pokedex

# Baixe as dependências

npm i

# Execute o projeto

npm run dev

# Execute os testes do projeto

npm run test

```

---