Update

pokedex/.eslintcache

@@ -0,0 +1 @@
+[{"/home/diego/Documents/Labenu/Week-Projects/Diego-Rosa/semana11/dumont-pokedex7/pokedex/src/App.js":"1","/home/diego/Documents/Labenu/Week-Projects/Diego-Rosa/semana11/dumont-pokedex7/pokedex/src/Global/GlobalStateContext.js":"2","/home/diego/Documents/Labenu/Week-Projects/Diego-Rosa/semana11/dumont-pokedex7/pokedex/src/screens/HomePage/index.js":"3","/home/diego/Documents/Labenu/Week-Projects/Diego-Rosa/semana11/dumont-pokedex7/pokedex/src/components/PokeCard/PokeCard.js":"4","/home/diego/Documents/Labenu/Week-Projects/Diego-Rosa/semana11/dumont-pokedex7/pokedex/src/components/DetailsCard/index.js":"5"},{"size":274,"mtime":1606439638908,"results":"6","hashOfConfig":"7"},{"size":113,"mtime":1606399787144,"results":"8","hashOfConfig":"7"},{"size":2002,"mtime":1606439625064,"results":"9","hashOfConfig":"7"},{"size":1169,"mtime":1606439605936,"results":"10","hashOfConfig":"7"},{"size":1888,"mtime":1606439675992,"results":"11","hashOfConfig":"7"},{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"xq4l04",{"filePath":"14","messages":"15","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"16","messages":"17","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"18","messages":"19","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"20","messages":"21","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/home/diego/Documents/Labenu/Week-Projects/Diego-Rosa/semana11/dumont-pokedex7/pokedex/src/App.js",[],"/home/diego/Documents/Labenu/Week-Projects/Diego-Rosa/semana11/dumont-pokedex7/pokedex/src/Global/GlobalStateContext.js",[],"/home/diego/Documents/Labenu/Week-Projects/Diego-Rosa/semana11/dumont-pokedex7/pokedex/src/screens/HomePage/index.js",["22","23"],"/home/diego/Documents/Labenu/Week-Projects/Diego-Rosa/semana11/dumont-pokedex7/pokedex/src/components/PokeCard/PokeCard.js",["24"],"/home/diego/Documents/Labenu/Week-Projects/Diego-Rosa/semana11/dumont-pokedex7/pokedex/src/components/DetailsCard/index.js",[],{"ruleId":"25","severity":1,"message":"26","line":17,"column":6,"nodeType":"27","endLine":17,"endColumn":8,"suggestions":"28"},{"ruleId":"29","severity":1,"message":"30","line":46,"column":11,"nodeType":"31","endLine":46,"endColumn":153},{"ruleId":"25","severity":1,"message":"32","line":23,"column":6,"nodeType":"27","endLine":23,"endColumn":8,"suggestions":"33"},"react-hooks/exhaustive-deps","React Hook useEffect has a missing dependency: 'requests'. Either include it or remove the dependency array.","ArrayExpression",["34"],"jsx-a11y/alt-text","img elements must have an alt prop, either with meaningful text, or an empty string for decorative images.","JSXOpeningElement","React Hook useEffect has a missing dependency: 'pokemonPhoto'. Either include it or remove the dependency array.",["35"],{"desc":"36","fix":"37"},{"desc":"38","fix":"39"},"Update the dependencies array to be: [requests]",{"range":"40","text":"41"},"Update the dependencies array to be: [pokemonPhoto]",{"range":"42","text":"43"},[619,621],"[requests]",[669,671],"[pokemonPhoto]"]

pokedex/PokeAPI.postman_collection.json

@@ -0,0 +1,43 @@
+{
+	"info": {
+		"_postman_id": "45503251-2a81-465a-b809-76de25a7adc9",
+		"name": "PokeAPI",
+		"schema": "https://schema.getpostman.com/json/collection/v2.1.0/collection.json"
+	},
+	"item": [
+		{
+			"name": "Lista de Pokemon",
+			"request": {
+				"method": "GET",
+				"header": [],
+				"url": {
+					"raw": "https://pokeapi.co/api/v2/pokemon/",
+					"protocol": "https",
+					"host": [
+						"pokeapi",
+						"co"
+					],
+					"path": [
+						"api",
+						"v2",
+						"pokemon",
+						""
+					]
+				}
+			},
+			"response": []
+		},
+		{
+			"name": "Detalhes do pokemon",
+			"request": {
+				"method": "GET",
+				"header": [],
+				"url": {
+					"raw": ""
+				}
+			},
+			"response": []
+		}
+	],
+	"protocolProfileBehavior": {}
+}

pokedex/src/App.js

@@ -5,11 +5,10 @@ import GlobalState from './Global/GlobalState';
 function App() {
   return (
     <div className="App">
-      <GlobalState>
-        <Router />
+        <GlobalState>
+            <Router />
       </GlobalState>
     </div>
   );
 }
-
-export default App;
+export default App;

pokedex/src/Global/GlobalState.js

@@ -1,13 +1,15 @@
 import React, { useEffect, useState } from 'react'
 import axios from 'axios'
 import GlobalStateContext from './GlobalStateContext'
+import {baseURL} from '../constans/urls/index'
 
 const GlobalState = (props) => {
   const [pokemonList, setPokemonList] = useState([])
   const [pokedex, setPokedex] = useState([])
-
+
+//pega a lista de  pokemons da pokeAPI
   const getPokemonList = () =>{ 
-    axios.get("https://pokeapi.co/api/v2/pokemon").then(response => {
+    axios.get(baseURL).then(response => {
         setPokemonList(response.data.results)
     })
     .catch(error =>{console.log(error)})
@@ -17,6 +19,7 @@ const GlobalState = (props) => {
   const setters = {setPokemonList, setPokedex}
   const requests = {getPokemonList}
 
+//dados  pra passar para os componentes
   const data = {states, setters, requests}
 
   return (
@@ -26,4 +29,4 @@ const GlobalState = (props) => {
   )
 }
 
-export default GlobalState
+export default GlobalState;

pokedex/src/Hooks/index.js

@@ -0,0 +1,22 @@
+import  { useEffect, useState } from 'react'
+import axios from 'axios'
+
+const GetHooks = () => {
+    const [dados,setDados] = useState([])
+    const getDados = () =>{ 
+        axios.get('https://pokeapi.co/api/v2/pokemon').then(resposta => {
+            setDados(resposta.data.results)
+            console.log(resposta.data.results)
+        })
+        .catch(error =>
+            {console.log(error)})
+        }
+        useEffect(() => {
+            getDados()
+          }, []) 
+
+    return(dados.map) 
+
+}
+
+export default GetHooks;

pokedex/src/components/DetailsCard/index.js

@@ -0,0 +1,53 @@
+import React from 'react'
+import {PokeStatsContainer, PokeMovesContainer, PokeTypeContainer,PokeImgContainer,DetailsFlexBox,ImgFlexBox, StatsFlexBox, TypeMovesFlexBox} from '../../styles/styles'
+
+const DetailsCard = () => {
+
+  return(
+    <div>
+          <DetailsFlexBox>
+
+        <ImgFlexBox>
+            <PokeImgContainer>
+                {/*Front img pokemon */}
+                  <img src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/1.png" height="300px" alt=""/>
+            </PokeImgContainer>
+            <PokeImgContainer>
+              {/*Back img pokemon */}
+                  <img src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/1.png" height="300px" alt=""/>
+            </PokeImgContainer>
+        </ImgFlexBox>
+        <StatsFlexBox>
+              <PokeStatsContainer>
+                  <h3>Stats</h3>
+                  <div>
+                    <p><strong>hp:</strong> 45</p>
+                    <p><strong>attack:</strong>49</p>
+                    <p><strong>defense:</strong>49</p>
+                    <p><strong>special-attack:</strong>65</p>
+                    <p><strong>special-defense:</strong>65</p>
+                    <p><strong>speed:</strong>45</p>
+                  </div>
+          </PokeStatsContainer>
+        </StatsFlexBox>
+        <TypeMovesFlexBox>
+                <PokeTypeContainer>
+                    <h3>Type: </h3>
+                    <p>glass</p>
+                    <p>poison</p>
+              </PokeTypeContainer>
+              <PokeMovesContainer>
+                  <h3>Moves</h3>
+                  <p>razor-wind</p>
+                  <p>sword-dance</p>
+                  <p>cut</p>
+                  <p>bind</p>
+                  <p>vine-whip</p>
+            </PokeMovesContainer>
+          </TypeMovesFlexBox>
+      </DetailsFlexBox>
+    </div>
+  )
+}
+
+export default DetailsCard;