A dummy authentication app I wrote to practice user registration and login functionality (from scratch), includes an Express API server.
Note
This is for Educational purposes only.
- React + TypeScript
- Express.js Backend
- Vite for Build Tool and Development Server
- TanStack Query for API calls
- Tailwind CSS for Styling
- Zustand for State Management
- LowDB for mock DB implementation
- bcrypt for Password Hashing
- jsonwebtoken for ... well it's self explanatory
- Node.js
pnpm install && pnpm run start- Create a
.envfile in the root directory of your project. - Add the following line to the
.envfile:JWT_SECRET_KEY=your_secret_key_here
- Replace
your_secret_key_herewith a secure, randomly generated key. You can use a tool likeopensslto generate this key:openssl rand -base64 32
- User registers with a username and password.
- Backend checks for existing username.
- Password is hashed and stored if username is unique.
- JWT token is generated and returned upon successful registration.
- User logs in with username and password.
- Backend verifies credentials and checks hashed password.
- JWT token is generated and user session is managed.