Este projeto é um sistema completo de autenticação com frontend em React (com Tailwind CSS) e backend em Node.js (com SQLite, JWT e bcrypt).
Frontend:
- React
- React Router
- Tailwind CSS
Backend:
- Node.js + Express
- SQLite com
sqlite3 - JWT (
jsonwebtoken) - Hash de senhas com
bcrypt - CORS
project-root/
├── backend/
│ ├── auth.js
│ ├── db.js
│ ├── server.js
│ └── users.db (criado automaticamente)
└── frontend/
├── public/
├── src/
│ ├── pages/LoginPage.jsx
│ ├── App.js
│ └── index.css (com @tailwind)
git clone https://github.com/MonicaHillman/login-system
cd seu-repocd backend
npm install
node server.js
Servidor rodando em: http://localhost:3001
cd frontend
npm install
npm run dev # ou npm start, dependendo do seu setup
Aplicação acessível em: http://localhost:5173
-
Registro de usuários com senha criptografada
-
Login com validação no backend
-
Autenticação com JWT
-
Interface com Tailwind CSS
-
Redirecionamento ao fazer login
POST /register
Cria um novo usuário.
{
"email": "exemplo@email.com",
"password": "123456"
}POST /login
Autentica e retorna um token JWT.
{
"token": "eyJhbGciOi..."
}- Node.js v18+
- npm
- SQLite embutido (não requer instalação externa)
Você pode testar as rotas com ferramentas como Postman ou Insomnia. Para testar o frontend, acesse o navegador com a URL indicada.