Projeto Concluido

react-app-api/.gitignore

@@ -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*

react-app-api/README.md

@@ -0,0 +1,80 @@
+# <div style="text-align:center"> Projeto React API Pokemons</div>
+
+<img style="padding-left: 16vw" src="./Assets/pokemonHeader.png"/>
+
+O projeto React com API'S é um projeto que tem como proposito construir uma aplicação com três paginas. Sendo Home, Pokedex e Detalhes.
+
+
+## Indice
+- <a href="#Tecnológias-utilizadas"> Tecnológias utilizadas</a>
+- <a href="#layout ">Layout </a>
+- <a href="#demostração ">Demostração </a>
+- <a href="#comorodaresseprojeto ">Como rodar esse projeto?</a>
+- <a href="#tecnologiasutilizadas ">Tecnologias utilizadas</a>
+- <a href="#pessoasautoras">Pessoas autoras</a>
+- <a href="#proximospassos ">Proximos passos</a>
+
+## 💻Fucionalidades do projeto
+
+- O site tem 3 páginas: Home, Pokedex e Detalhes;
+-  Projeto está seguindo esse <a href="https://www.figma.com/file/KseyA2Ofghiek2Cy3ZaDre/Poked%C3%A9x" >desing</a> design;
+- **Página Home:**
+	- [X]  Mostra uma lista de Pokemons;
+	- [X] Cada Pokemon e representado por um Card;
+	- [X] Em cada card de Pokemon tem um botão para adicioná-lo à Pokedex e um outro botão para acessar os detalhes do Pokemon;
+	- [X] Header dessa página terá um botão para acessar a página da Pokedex;
+- **Página Pokédex**
+	- [X] Renderiza uma lista de pokémons que foram adicionados na pokedex;
+	- [X] Em cada card de Pokemon tem um botão para removê-lo da Pokedex e um outro botão para acessar os detalhes do Pokemon.
+	- [X] Header deve tem um botão para voltar para a Home
+	- [X] Não deve ser possível adicionar o mesmo Pokemon duas vezes na Pokedex
+    - **Página de Detalhes**
+	- [X] Mostra os detalhes do Pokemon selecionado, com informações descritas
+	- [X] Header deve ter um botão para adicionar ou remover da Pokedex e outro para voltar a página home.
+
+    ## 🔵 Layout
+- Pagina Home 
+![Pagina Home](./Assets/homePage.png)
+<hr/>
+
+- Pagina Pokedex 
+![Pagina Pokedex](./Assets/pokedexPage.png)
+<hr/>
+
+- Pagina Detalhes
+![Pagina Detalhes](./Assets/detalhes.png)
+
+
+## Demonstração
+
+<!-- [Link demonstração](https://poke-api-matheus-mendes.surge.sh/) -->
+
+## Como rodar esse projeto?
+
+```bash
+# clone este repositorio
+$ git clone https://github.com/TioArthurPrado/projeto-react-apis.git
+
+# Acesse a pasta do projeto no seu terminal
+$  cd PokeAPI/
+
+#instale as depedências
+$ npm install
+
+# Execute a aplicação
+$ npm run start
+
+# A aplicação sera iniciada na porta 300, 
+acesse pelo navegador: http:http://localhost:3000
+```
+
+## Tecnologias utilizadas
+
+1. [React js](https://reactjs.org/)
+2. [Styled-components](https://styled-components.com/)
+3. [React Hooks](https://reactjs.org/docs/hooks-intro.html)
+4. [Axios](https://axios-http.com/ptbr/docs/intro)
+
+## Pessoas autoras
+
+[Linkedin](https://www.linkedin.com/in/arthur-matheus-prado-b74aa8181/)