Projeto de gerenciamento de usuários desenvolvido com React, durante o Curso Web Moderno da Cod3r Treinamentos. Neste projeto, o usuário pode cadastrar seus dados, lê-los, editá-los e até mesmo excluí-los, realizando assim as quatro operações básicas de um banco de dados (CRUD - Create, Read, Update and Delete). Os dados do usuário aparecerão abaixo da ficha de cadastro, assim que ele envia o formulário.
Durante o desenvolvimento desse CRUD, aprendi algumas coisas interessantes em React, como:
- Componentização do projeto (divisão do projeto em pequenos componentes que, quando unidos, formam a aplicação);
- Modificação do State de um componente.
- Exercício da minha lógica de programação.
- Uso de Routes para modificar o componente a ser exibido de acordo com a rota acessada.
- Uso da biblioteca Axios para realizar requisições HTTP no nosso "banco de dados" sempre que um usuário é cadastrado, alterado ou excluído.
Para usar o gerenciamento de usuários, você deve ter o Node.js instalado em sua máquina. Caso ainda não possua o Node instalado, instale-o pelo site oficial. Com o Node em sua máquina, execute os seguintes passos:
-
- Abra o terminal, selecione a pasta "backend" localizada dentro do projeto e digite o código:
npm install
-
- Após instaladas as dependências, digite o código:
npm start
-
- Pronto! O Backend da aplicação já foi ativado, mas ainda não acabou. Siga os passos do Frontend.
-
- Abra um novo terminal, seleciona a pasta "frontend" localizada dentro do projeto e digite o código
npm install
-
- Após instaladas as dependências, digite o código:
npm start
-
- Pronto! Agora tanto o Frontend como o Backend da aplicação estão ativos e ela está pronta.