Skip to content

Eu fiz um projeto em ReactJS com Custom Hooks para praticar requisições HTTP usando os métodos POST, GET e DELETE. Usei um servidor local que armazena dados em JSON e executei com "npm run server --watch data/db.json". O usuário pode criar, ver e excluir itens e o servidor é atualizado automaticamente.

Notifications You must be signed in to change notification settings

JoaoKremerDev/Cadastro-de-Produtos

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Projeto de Requisições HTTP com ReactJS e Custom Hooks

Este é um projeto desenvolvido para praticar o uso de requisições HTTP em aplicações web com ReactJS e Custom Hooks. A aplicação tem como objetivo fazer a manipulação de dados utilizando os métodos POST, GET e DELETE.

Funcionalidades:

  • Criar um novo item: o usuário pode inserir informações sobre um novo item em um formulário e enviar uma requisição POST para o servidor. O servidor irá armazenar os dados na sua base de dados.
  • Ler itens existentes: o usuário pode visualizar todos os itens armazenados no servidor, fazendo uma requisição GET. Os dados são exibidos na tela da aplicação.
  • Deletar um item: o usuário pode remover um item existente, selecionando-o na lista de itens e enviando uma requisição DELETE para o servidor. O servidor irá remover o item da sua base de dados.

Para executar a aplicação, siga os seguintes passos:

  1. Clone este repositório em sua máquina.
  2. No terminal, navegue até a pasta do projeto.
  3. Execute o comando npm install para instalar as dependências.
  4. Execute o comando npm run server --watch data/db.json para iniciar o servidor local.
  5. Em outro terminal, execute o comando npm start para iniciar a aplicação.
  6. Acesse a aplicação no navegador em http://localhost:3000/.

Tecnologias utilizadas:

  • ReactJS
  • Custom Hooks
  • JSON Server
  • HTML5
  • CSS3

Considerações finais: Este projeto foi muito enriquecedor para praticar o uso de requisições HTTP com ReactJS e Custom Hooks. Espero que possa ajudar outras pessoas a também praticarem e aprimorarem seus conhecimentos em desenvolvimento web. Qualquer dúvida ou sugestão, fique à vontade para entrar em contato.

About

Eu fiz um projeto em ReactJS com Custom Hooks para praticar requisições HTTP usando os métodos POST, GET e DELETE. Usei um servidor local que armazena dados em JSON e executei com "npm run server --watch data/db.json". O usuário pode criar, ver e excluir itens e o servidor é atualizado automaticamente.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published