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

https://github.com/laylajhb/pokedex


https://github.com/laylajhb/pokedex

Last synced: 9 months ago
JSON representation

Awesome Lists containing this project

README

          

# Pokédex

---

## 🕵Sobre

Página Pokédex desenvolvida com consumo da API [PokéAPI](https://pokeapi.co/).

## 🛠Tecnologias

- HTML
- CSS
- Javascript
- React.js
- Styled-Component
- Axios
- API
- Hooks
- State Global
- React Context
- React Router

---
## 🔠Conteúdos

* [Sobre](#sobre)
* [Tecnologias](#tecnologias)
* [Colaboradores](#colaboradores)
* [Status](#status-do-projeto)
* [Objetivo do Projeto](#objetivo-do-projeto)
* [Requisitos de Funcionalidade](#requisitos-de-funcionalidade)
* [Imagens](#imagens)
* [Link para Acessar](#link-para-acessar)
* [Rodando o Projeto](#rodando-o-projeto)
* [Sobre a Licença](#sobre-a-licença)

---
## 🧭Status do Projeto

- ⏳ Fazendo

---

## 🎯Objetivo do Projeto

Criar uma página Pokédex com 20 Pokémons obtidos mediante consumo da API PokéAPI.

---

## ☑Requisitos de Funcionalidade

- [✅] Criar página `Home` com todos os Pokémons e botão direcionável para a página `Pokédex - Lista de Pokemons`.
- [✅] Criar cards dos Pokémons com suas respectivas imagens e nomes.
- [✅] Criar funcionalidade de adicionar Pokémon.
- [✅] Remover card automaticamente da página `Home` quando o Pokémon é adicionado.
- [✅] Direcionar o card do Pokémon adicionado para a página `Pokedéx - Lista de Pokémons`.
- [✅] Criar funcionalidade de remover o Pokémon da página `Pokédex - Lista de Pokemons` fazendo-o retornar para a página `Home`

---

## 💡Imagens

![image](https://github.com/LaylaJHB/Pokedex/assets/99913142/268bd107-b072-4df9-88a3-d0671b0064ef)

---

## ☑️Próximos passos

- Adicionar detalhes para cada Pokemon

---

## 🔗Link para Acessar

- https://pokedex-t5ph.onrender.com/

---

## 🛰Rodando o Projeto

Para Rodar o projeto, siga as seguintes etapas :

```bash
# Clone o projeto
$ git clone https://github.com/LaylaJHB/Pokedex.git
```
```bash
# Instale as dependências.
$ npm install
```
```bash
# Rode o projeto com o comando no terminal
$ npm start
```

---

## 👩Colaboradores

- Layla Janaína Hissa Borges

---

## 📝Sobre a Licença

Este projeto esta sobe a licença [MIT](./LICENSE).
git