Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
31 commits
Select commit Hold shift + click to select a range
efd7880
Iniciando o projeto
adrianegonaves Jun 28, 2022
0fba589
Merge pull request #1 from future4code/projeto-pokedex
adrianegonaves Jun 28, 2022
5a06a2e
att-projeto
daniel2dfla Jun 29, 2022
ea57fbe
postman colection
bammido Jun 29, 2022
0c72c84
Merge pull request #2 from future4code/pokedex
daniel2dfla Jun 29, 2022
7dee664
finalizando rotas
daniel2dfla Jun 29, 2022
73e58af
Merge pull request #3 from future4code/postman-colection
daniel2dfla Jun 29, 2022
1c06cf4
finalizando rotas
daniel2dfla Jun 29, 2022
30e21df
Update README.md
daniel2dfla Jun 29, 2022
3a6771c
Merge pull request #4 from future4code/pokedex
adrianegonaves Jun 29, 2022
d661399
começando estilização
bammido Jun 29, 2022
1f2675d
Merge pull request #5 from future4code/styles
daniel2dfla Jun 29, 2022
3cf3bf3
começando a home
daniel2dfla Jun 30, 2022
79768e3
Renderizando as imagens e nomes do pokemon
adrianegonaves Jul 5, 2022
d79a95a
Merge pull request #6 from future4code/renderiza-imagem
bammido Jul 5, 2022
734ffdb
card style
bammido Jul 5, 2022
151327e
GlobalState
bammido Jul 5, 2022
291d4e2
terminando funcionalidades
bammido Jul 5, 2022
b4cf42d
Merge pull request #7 from future4code/card-style
adrianegonaves Jul 5, 2022
ecadf63
estilizando
bammido Jul 8, 2022
da1b6c0
Merge pull request #8 from future4code/card-style
adrianegonaves Jul 8, 2022
6d53849
refatorando
bammido Jul 8, 2022
ec3f8a1
Arrumei o nome é o ícone da aplicação
adrianegonaves Jul 10, 2022
35b49fa
Merge pull request #9 from future4code/detalhes
bammido Jul 10, 2022
6290d49
refatorando
bammido Jul 10, 2022
3b1bd04
Merge pull request #10 from future4code/card-style
adrianegonaves Jul 10, 2022
e5c68f5
terminando responsividade e paginação
bammido Jul 10, 2022
5a305cb
Merge pull request #11 from future4code/paginacao
adrianegonaves Jul 10, 2022
62828d5
consertando erros de renderização
bammido Jul 10, 2022
1457948
Merge pull request #12 from future4code/paginacao
bammido Jul 10, 2022
9d3880a
Update README.md
adrianegonaves Jul 10, 2022
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
100 changes: 88 additions & 12 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,16 +1,92 @@
# POKEDEX
# Pokédex

Nome dos integrantes:
- Pessoa 1
- Pessoa 2
- Pessoa 3
# Logo
![image](https://user-images.githubusercontent.com/91707433/178160820-daf49021-b5f3-402a-b48e-d10b85bc8fbb.png)

Link do Surge: www.link.com.br

O que funciona:
- Item 1
- Item 2
# Descrição
O Pokédex é uma aplicação que possibilita que o usuário veja uma lista diversa de Pokémons e o usuário tem a possibilidade de “capturar” os Pokémons e adicioná-los na sua Pokédex.
Além disso, o usuário pode remover os Pokémons da sua Pokédex e também pode ver os detalhes, como por exemplo o tipo, o tamanho, o peso, movimentos e estatísticas.
O projeto foi desenvolvido para estudos e utilizou API [PokéAPI](https://pokeapi.co/)

O que não funciona:
- Item 3
- Item 4
# Tabela de Conteúdos

<!--ts-->
* [Inicio](#pokédex)
* [Logo](#logo)
* [Descrição](#descrição)
* [Tabela de Conteúdos](#tabela-de-conteúdos)
* [Status do projeto](#status-do-projeto)
* [Features](#features)
* [Demonstração da aplicação](#demonstração-da-aplicação)
* [Pré-requisitos e como rodar a aplicação](#pré-requisitos-e-como-rodar-a-aplicação)
* [Tecnologias utilizadas](#tecnologias-utilizadas)
* [Autores](#autores)
<!--te-->

# Status do Projeto

🚀 Finalizado

# Features

- [x] Home: mostrar a lista de 20 Pokémons ao usuário.
- [x] Home: cada Pokémon está em um card
- [x] Home: cada card tem um botão de ver detalhes e um botão adicionar o Pokémon na pokédex
- [x] Home: ao clicar no botão de adicionar, o card do Pokémon clicado desaparece da tela, o usuário não consegue adicionar duas vezes o mesmo Pokémon.
- [x] Home: há um botão para acessar a página da Pokedex.
- [x] Pokedex: mostra uma lista Pokémons previamente selecionados pelo próprio usuário.
- [x] Pokedex: cada card tem um botão de ver detalhes e um botão remover o Pokémon da pokédex
- [x] Pokedex: botão para limpar todos os Pokémons na pokédex
- [x] Aplicação responsiva
- [x] Paginação



# Demonstração da aplicação

### Link Surge
Link: http://fluffy-beginner.surge.sh/

### Imagens do Projeto
![image](https://user-images.githubusercontent.com/91707433/178161055-ae136f43-5ae8-4cac-a612-9ed68bb91888.png)
![image](https://user-images.githubusercontent.com/91707433/178161068-34af42e5-0584-42bd-9931-8ecd6093ac21.png)



# Pré-requisitos e como rodar a aplicação
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas:
[Git](https://git-scm.com), [Node.js](https://nodejs.org/en/).
Além disto é bom ter um editor para trabalhar com o código como [VSCode](https://code.visualstudio.com/)

### 🎲 Rodando o projeto

```bash
# Clone este repositório
$ git clone < https://github.com/future4code/hooks-pokedex2.git>

# Acesse a pasta do projeto no terminal/cmd
$ cd hooks-pokedex2/pokedex


# Instale as dependências
$ npm install

# Execute a aplicação em modo de desenvolvimento
$ npm run start

# O servidor inciará na porta:3000 - acesse <http://localhost:3000>
```

# Tecnologias utilizadas

As seguintes ferramentas foram usadas na construção do projeto:

- [React](https://pt-br.reactjs.org/)


# Autores

### [Adriane Almeida Gonçalves](https://github.com/adrianegonaves)
### [Bryan Fernandes de Oliveira](https://github.com/bammido)
### [Daniel Nascimento Firmiano](https://github.com/daniel2dfla)
6 changes: 6 additions & 0 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

23 changes: 23 additions & 0 deletions pokedex/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# production
/build

# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local

npm-debug.log*
yarn-debug.log*
yarn-error.log*
70 changes: 70 additions & 0 deletions pokedex/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
# Getting Started with Create React App

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Available Scripts

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will reload when you make changes.\
You may also see any lint errors in the console.

### `npm test`

Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

### `npm run eject`

**Note: this is a one-way operation. Once you `eject`, you can't go back!**

If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.

You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).

### Code Splitting

This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)

### Analyzing the Bundle Size

This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)

### Making a Progressive Web App

This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)

### Advanced Configuration

This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)

### Deployment

This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)

### `npm run build` fails to minify

This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
Loading