This repository showcases a seamless login/signup system with both a user-friendly UI and a solid backend connection.
It has an intuitive interface while benefiting from essential features like one-factor authentication, password management (reset and change), session/cookie handling, and stringent password strength checks for authenticating students and wardens before redirecting to their respective dashboards.
It is implemented using ReactJS, HTML and CSS for the frontend and NodeJS with ExpressJS, MySQL database for backend.
Users must sign up, verify their accounts using official university emails, and create strong passwords. If the password is weak, a toast alert is shown. Only after these steps can users log in.
Upon successful signup, a verification email is sent to the respective email id to enable one factor authentication. This project uses the sendGrid mailer API to implement the same.
Verification email is sent to user :
Upon clicking the link, the user is verified which will be updated in the database.
Once the user logs in, they are directed to the their dashboards.
Here I have created a dummy dashboard to showcase the functionality of my login page , the actual page will be integrated in later stages.
Successful login creates a 24-hour session. Inactive session or logout requires re-authentication to access the dashboard, enhancing security.
"Clicking 'Forgot Password?' redirects users to a page to enter their usernames. Afterward, a unique link with a verification token is provided for password reset to their respective email id.
The following screenshots show the workflow of this functionality :
This is a screenshot of the record of the user in MySQL database, where we can see the password is hashed and updated.
