Uma aplicação moderna e funcional que permite o gerenciamento de usuários através de uma interface intuitiva e organizada. Desenvolvido com foco em performance e boas práticas, este projeto demonstra o uso de tecnologias atuais como Next.js, TypeScript, Prisma e MySQL para construção de um CRUD (Create, Read, Update, Delete) completo.
Este projeto é um CRUD básico para gerenciar usuários, com funcionalidades de criação, leitura, atualização e exclusão. Ele foi desenvolvido como uma demonstração prática de um sistema funcional utilizando tecnologias modernas de front-end e back-end.
- Cadastro de Usuários: Permite inserir informações como nome, e-mail, telefone e data de nascimento.
- Listagem: Exibe todos os usuários cadastrados.
- Atualização: Possibilidade de editar os dados de um usuário.
- Exclusão: Remoção de registros do banco de dados.
A aplicação é inteiramente local e depende de uma configuração adequada do Prisma e do banco MySQL na máquina do usuário.
Embora o projeto tenha sido configurado para funcionar com MySQL, ele pode ser facilmente adaptado para outros bancos de dados como PostgreSQL, SQLite ou SQL Server. Basta alterar a string de conexão no arquivo .env e atualizar o esquema do Prisma para refletir a nova configuração. Consulte a documentação oficial do Prisma para mais detalhes sobre como configurar outros bancos de dados.
- Node.js >= 18.x
- Banco de dados MySQL configurado e rodando localmente
- Git instalado
git clone https://github.com/seu-usuario/nome-do-repositorio.git
cd nome-do-repositorionpm install- Crie um arquivo .env na raiz do projeto e configure a variável DATABASE_URL com a string de conexão do banco de dados:
DATABASE_URL="mysql://user:password@localhost:3306/nome_do_banco"- Gere os arquivos do Prisma e configure o banco de dados:
npx prisma generate
npx prisma db pushnpm run devAcesse a aplicação em: http://localhost:3000
- TypeScript: Linguagem de tipagem estática para JavaScript.
- Next.js: Framework React para construção de aplicações modernas.
- MySQL: Banco de dados relacional utilizado no backend.
- Prisma: ORM para integração com o banco de dados.
- Tabler Icons: Biblioteca de ícones modernos para melhorar a interface.
- SweetAlert2 (Swal): Biblioteca para alertas estilizados e modais interativos.
- NextUI: Biblioteca de componentes para interface do usuário.
- CSS: Estilo base utilizado para ajustes específicos.
- Tailwind CSS: Framework utilitário para estilização rápida e responsiva.
- Animações: Usadas para melhorar a experiência do usuário, principalmente em feedbacks visuais.
- Implementar autenticação para gerenciamento seguro de usuários.
- Hospedar a aplicação em um serviço como Vercel ou AWS.
- Adicionar testes automatizados para garantir a qualidade do código.