Fullstack Login System: Avaliação Anatômica

Estudo aprofundado em arquitetura Full Stack desenvolvido com auxílio de IA CLI para avaliação anatômica de fluxos de autenticação, segurança e persistência de dados.

#TypeScript#Node.js#Next.js#Prisma#Vitest#PostgreSQL#Gemini CLI

O Fullstack Login System foi concebido como um laboratório para explorar o desenvolvimento auxiliado por Inteligência Artificial (via Gemini CLI). O objetivo não foi apenas codificar, mas usar a IA como uma lente para enxergar a "anatomia" completa de uma aplicação moderna, entendendo como cada peça se conecta de ponta a ponta.

Utilizei o "Método LEGO", onde cada funcionalidade foi construída e compreendida individualmente. A IA atuou como uma aceleradora, permitindo que eu focasse menos na "gramática" do código e mais na lógica do sistema.

O que o projeto faz?

O sistema gerencia o fluxo completo de autenticação de usuários, servindo como um estudo prático de como os dados trafegam com segurança:

Registro e Login: Fluxo completo para criação de contas e acesso flexível (e-mail ou username).
Segurança Anatômica: Implementação de hashing com Bcrypt e autenticação stateless via tokens JWT.
Rotas Protegidas: Sistema de middleware que atua como barreira de segurança em áreas restritas.
Validação com Zod: Garantia de que a estrutura dos dados está correta em ambas as pontas.

Tech Stack (As Peças LEGO)

As tecnologias foram escolhidas para representar um ecossistema de produção real:

Backend: Node.js com Express e TypeScript.
ORM: Prisma para modelagem e comunicação eficiente com o banco.
Banco de Dados: PostgreSQL rodando em container Docker.
Frontend: Next.js 15+ com Tailwind CSS.
Testes: Vitest para testes de integração, validando a resiliência da arquitetura.

O que aprendi (e o papel da IA)

Este projeto foi um divisor de águas no meu pensamento computacional. Por ter sido construído com auxílio de IA, o desafio não foi "escrever o código" no sentido tradicional de decorar sintaxe. O desafio real foi arquitetural.

A IA cuidou do boilerplate e da sintaxe, o que me permitiu dedicar tempo total para entender o funcionamento profundo do Full Stack. Aprendi a orquestrar como os dados fluem entre o cliente e o servidor, como gerenciar estados de autenticação e, principalmente, como os testes automatizados são a âncora que permite refatorar um código (mesmo gerado por IA) com total confiança.

Escolhi um sistema de login justamente por sua natureza "ponta a ponta": ele toca no frontend, no middleware, no backend e no banco de dados, permitindo um mapeamento anatômico completo de como o software moderno respira.