This is a full stack authentication app developed using Next.js, Tailwind CSS, and Mailtrap. The app is designed to provide a comprehensive user authentication experience with features such as login, logout, password recovery, email verification, and more. The project serves as a learning exercise and draws inspiration from Hitesh Choudhary's Next.js course series on YouTube.
- User registration and login functionality.
- Password reset using the Mailtrap email service.
- Email verification to enhance security.
- Profile management for authenticated users.
- Responsive design optimized for both mobile and laptop devices.
- Route protection to control user access.
- Next.js: A React framework for building server-rendered applications.
- Tailwind CSS: A utility-first CSS framework for creating responsive designs.
- Mailtrap: An email service for testing and development purposes.
-
Clone the repository:
git clone https://github.com/your-username/your-auth-app.git cd your-auth-app
-
Install dependencies:
npm install
-
Configure environment variables:
MONGO_DB_URL=your-mongodb-url TOKEN_SECRET=your-jwt-secret-key DOMAIN=your-domain TRANSPORT_USER=your-mailtrap-username TRANSPORT_PASS=your-mailtrap-password
-
Start the development server:
npm run dev
-
Open http://localhost:3000 in your browser.
This project is inspired by Hitesh Choudhary's Next.js course series on YouTube. Special thanks to Hitesh for his educational content and guidance.
All the images used in this project is taken from the Freepik.
This project is licensed under the MIT License. For more information, see the LICENSE file.
Note: This project is intended for educational purposes and may require additional security enhancements before being used in production.