O problema
O que precisava ser resolvido
Entender Full Stack na prática exige conectar interface, API e persistência de dados em um fluxo completo, não apenas estudar cada camada isoladamente.
Case de projeto
Meu primeiro Projeto Full Stack
Aplicação Full Stack criada para consolidar o fluxo completo entre interface, API e banco de dados. Permite cadastrar, listar e excluir usuários por uma API REST conectada ao MongoDB, demonstrando na prática a integração entre React, Node.js e Express.
ReactNode.jsExpressMongoDB
Minha atuação
Implementação do front-end, criação da API, integração com banco de dados e conexão entre as camadas.
A solução
Como transformei a ideia em produto
Construí uma aplicação de cadastro de usuários em que React consome uma API REST criada com Node.js e Express, responsável por persistir os dados no MongoDB.
Funcionalidades
O que o projeto entrega
Cadastro de usuários
Listagem de registros
Exclusão de usuários
Integração React + API REST + MongoDB
Decisões técnicas
Tecnologia com uma razão por trás
React no front-end
Permite separar a interface em componentes e atualizar a tela de acordo com o estado da aplicação.
Express na API
Fornece uma estrutura enxuta para criar endpoints REST e organizar o fluxo HTTP.
MongoDB para persistência
Foi utilizado para praticar armazenamento e manipulação de documentos em uma aplicação Full Stack.
Desafios
Pontos que exigiram mais atenção
- Conectar corretamente as três camadas da aplicação
- Sincronizar a interface após alterações no banco
- Tratar requisições e respostas entre front-end e API
Resultado & aprendizado
O que esse projeto demonstra
O projeto marcou a consolidação do fluxo Full Stack completo, servindo de base para sistemas posteriores com APIs e bancos relacionais.