MAIS UM PROJETINHO REACT DO ZERO - Turma On10
Meu Terceiro Projeto React do Zero...
Esse é um projeto guiado, com a ajuda da querida Prof. Simara Conceição. Criamos uma single page usando o React. Um app responsivo, com apis externas. O app tem 3 páginas: Home, Simpsons e Busca. Na home tem um banner com os direcionamentos e o footer, com os contatos da Dev. Aprendiz. Na página dos Simpsons tem uma api dos Simpsons e uma interação bem divertida! Na página de busca você pode procurar um personagem da série Breaking Bad.
Não é demais!!!
Simpsons-API: (https://simpsons-quotes-api.herokuapp.com/quotes) Breaking Bad - API: (https://www.breakingbadapi.com/api/characters)
Passo a passo do projeto, seguindo as orientações da Simara Conceição:
- Criei um projeto react;
- Apaguei as informações default;
- Baixei algumas bibliotecas do REact (Routes e Axios);
- Criei páginas e rotas;
- Consuma uma API externa;
- Estilizei as páginas;
- Crie um footer com icones de redes sociais, github, nome e minibio da autora;
- Uma nova página, consumindo outra api ou arquivo interno que simule um JSON, renderizando cards na tela;
- Subi para o Netlifly.
VOCÊ ENCONTRA ESSE PROJETO NO SITE: (https://projeto-react3-aline.netlify.app/)
- HTML
- CSS
- JAVASCRIPT
- REACT
Antes de começar, você vai precisar ter instalado na sua máquina as seguintes ferramentas Git, e um editor para trabalhar com o código como o Vscode.
- Clone este repositório
- Acesse a pasta do projeto no seu terminal/cmd
- Abra a pasta no Vscode e um novo terminal
- No diretório do projeto digite o comando:
npm start - Para ver no browser abra http://localhost:3000
Preview do Site My First Page
Repositórios GitHub
| :---: |