Login and Registration System with OTP 🚀

A simple and secure login and registration system with OTP (One-Time Password) functionality. This project uses HTML, CSS, JavaScript, jQuery, AJAX, PHP, Tailwind CSS, and MySQL.

Features 🌟

• Registration:

  • User provides name and email.
  • Email verification using OTP.
  • OTP expires in 5 minutes.
  • Password setup after OTP verification.
  • Successful registration redirects to the login page.

• Login:

  • User enters email and password.
  • Redirects to the logged-in page upon successful login.
  • Access to the logged-in page is restricted without authentication.

• Security:

  • Backend OTP verification for maximum security.
  • Passwords hashed and stored in the database.
  • Access control to the logged-in page.

Setup Instructions ⚙️

1. Database Setup:

   • Create a MySQL database named "user"
   • Import tables using the provided user.sql file through phpMyAdmin or your preferred method.

2. Server Configuration:

   • Configure your server's mail function for email verification.
   • Adjust SMTP details or use other libraries for production.

3. Local Setup:

   • Clone the repository to your local machine.
   • Host it on a localhost or a server.

4. Run the Application:

   • Open the registration and login pages in a web browser.
   • Follow the steps for registration and login.

Dependencies 🛠️

• Tailwind CSS - For styling.
• jQuery - Used for DOM manipulation.
• PHPMailer (Optional) - For SMTP email configuration.

Screenshots 📸

Screenshot of registration page.

Screenshot of registration page after sending OTP to email.

Screenshot of successfull registration.

Screenshot of login page.

Screenshot of invalid credentials on login page.

Screenshot of loggedin page.

Feedback and Contributions 💌

If you have any feedback or want to contribute to this project, feel free to contact the developer Azim Krishna, at azimbaji19@gmail.com

Happy coding! 🚀