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

https://github.com/igorlap/pokedex-justa

Pokédex
https://github.com/igorlap/pokedex-justa

jest react react-router scss typescript vite

Last synced: 2 months ago
JSON representation

Pokédex

Awesome Lists containing this project

README

          

# POKÉDEX | Igor Pedrosa

pokedex

Índice


## Requisitos

- Pokedex utilizando a PokeAPI
- Desenvolvimento em 7 dias
- React ou Angular
- Typescript
- Dashboard com todos pokemons
- Sistema de busca de pokemons por nome ou tipo
- Sistema de favoritas pokemons
- Página para checkagem de pokemons favoritos
- Página com detalhes de cada pokemon

## Desafio

- Responsividade
- Testes Unitários

## Tecnologias

> Desenvolvido com:

- React + Vite, Typescript e Sass

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white)
![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)
![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white)

> Ferramentas utilizadas:
- Usabilidade final:
- axios
- react-router-dom
- react-toastify

- Padronização do código:
- eslint
- prettier
- husky
- lint-staged

- Ambiente de testes:
- jest
- babel
- identity-obj-proxy
- jest-svg-transformer
- msw (Mock Service Worker)

- Deploy:
- netlify

## Gitflow

- main
- develop
- feature/header
- feature/dashboard
- feature/search
- feature/favorites
- feature/details

## Clonando o repositório

execute no terminal o seguinte comando:
```bash
git clone https://github.com/IgorLAP/pokedex-justa.git
```

## Rodando localmente

vá ao diretorio clonado ou no próprio terminal execute o comando:
```bash
cd pokedex-justa
```

na pasta em questão instale as dependências necessárias:
```bash
npm install
```

após a instalação execute o comando a seguir para iniciar o servidor local:
```bash
npm run dev
```

a aplicação estará disponível no endereço:
```bash
http://localhost:5173/
```

## Deploy

Acesse a página hospedada no Netlify [Igor Pedrosa - Pokédex](https://pokedex-igorpedrosa.netlify.app)