Skip to content

saleszera/conceitos-reactjs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

⚛️ Conceitos ReactJs

Este é o resultado do desafio 02 do bootcamp GoStack. A aplicação tem como objetivo armazenar projetos, sendo assim, é possível, cadastrar projetos e excluir projetos criados.

🛠️ Ferramentas utilizadas

  1. React hooks
  • useState, para manipulação do estado;
  • useEffect, para o carregamento dos dados quando a pagina for carregada;
  1. axios, para requisições a API

💥️ Bonus

Como achei que o resultado do desafio havia ficado simples de mais, decidi adicionar mais algumas coisas, abaixo está a lista do que foi adicionado.

  • Formulario para cadastro de um projeto.
  • Estados que armazenam o conteúdo digitado nos inputs.
  • O titulo do projeto foi transformado em um hiperlink que clicado abre a página do projeto cadastrado.
  • Estilização CSS com algumas transições.
  • Adicionada responsividade.

📋️ Requisitos

💡️ Como utilizar

  1. Faça o download do back-end clicando aqui
  2. Faça o download do front-end clicando aqui
  3. Descompacte o back-end e front-end
  4. Utilizando o terminal, navegue até o diretório do back-end e execute o comando: yarn dev
  5. Abra um novo terminal, navegue até o diretório do front-end e execute o comando: yarn start
  6. Após executar o passo anterior a aplicação será aberta em seu navegador padrão.
  7. Agora basta preencher todos os campos e clicar no botão Adicionar

⚠️ Observações

  • Se o Node.js não estiver instalado, a aplicação não irá funcionar.
  • Caso não seja feito o download do back-end ou o back-end não seja executado a aplicação web não irá funcionar.
  • Todos os campos do formulário são obrigatórios.

Obrigado por testar a aplicação! 😁️

About

Aplicação resultante do desafio de conceitos reactjs

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published