AdvoKey is a modern, full-stack authentication web application designed with security, performance, and user experience at its core. Built using Next.js, TypeScript, and MongoDB, AdvoKey demonstrates robust authentication workflows with elegant UI and smooth animations.
Check out AdvoKey in action: advo-key.vercel.app
-
Secure Authentication:
User registration and login with password hashing viabcryptjsensures data security. -
Real-Time Form Validation:
Email, password, and username fields provide instant feedback for a smooth signup experience. -
Toast Notifications:
Success and error notifications powered byreact-hot-toast. -
Animated Cursor & UI:
Engaging GSAP-powered cursor and UI animations for a delightful user experience. -
Responsive Design:
Built with Tailwind CSS for seamless display across devices.
- Frontend: Next.js, TypeScript, Tailwind CSS, GSAP
- Backend: MongoDB, bcryptjs
- Utilities: react-hot-toast
git clone https://github.com/Manishkumar76/AdvoKey.git
cd AdvoKeynpm installCreate a .env.local file in the root directory and add your MongoDB connection string:
MONGODB_URI=your_mongodb_connection_string
npm run devVisit http://localhost:3000 in your browser.
- Sign Up: Create an account with a valid email, strong password, and unique username.
- Login: Access your account securely.
- Feedback: Receive instant feedback and notifications throughout your journey.
AdvoKey is ready for deployment on platforms like Vercel or Netlify.
Just ensure your environment variables are set!
This project is licensed under the MIT License.
Contributions, issues, and feature requests are welcome!
Feel free to open an issue or submit a pull request.
Made with ❤️ using Next.js, MongoDB, TypeScript, Tailwind CSS, GSAP, and react-hot-toast.
For questions, feedback, or collaboration opportunities, please reach out via GitHub Issues.