Login & Signup Form with Email Verification using PHP and MySQL

Hello readers, Today in this blog you'll learn how to create a Login & Signup Form with Email Verification using PHP and MySQL. Earlier I have shared a blog on How to configure XAMPP to send Mail from Localhost in PHP? If you haven't still read this blog, then I want to suggest you first read that blog and continue this because in that blog I've taught you how to configure XAMPP before sending mail from the localhost.

As we all know, the login and & Signup Form is the set of different input fields - Name, Email, Username, Password, etc. which are used to authenticate users before giving access to the site. In our program [log in & Signup Form with Email Verification], there are eleven PHP files and one is a CSS file means there are a total of twelve files in our user name folder.

At first, on the webpage, there is shown only a login form and inside the login form, there is signup now link to redirect the user to the first signup before login. When the user tries to log in without even signup the form, there is displayed an error message labeled as "It looks like you're not yet a member! Click on the bottom link to signup".

In the signup form, while the user is signing up, if he enters the same email, which already exists in our database then there is displayed an error message labeled as "Email that you've entered is already exist!". And when the user doesn't match two password combinations, there is also displayed an error message labeled as "Your confirm password not matched".

When the user filled up all the required inputs correctly, then a six-digit verification code number is sent to the user's email and he will be redirected to the OTP Verification page. If the user entered the wrong code, there is displayed an error message labeled as "You've entered incorrect code!". If the user exit the OTP verification code page without entered a valid or correct verification code and come to the login page to log in with the same email and password which he used to sign up, then he will be again redirected to the OTP page and there is displayed an info message labeled as "It looks like you've not verified your email".

When the user entered the correct verification code, then he will be redirected to the Home Page. On the home page, there is a navbar with a logo on the top left corner and the logout button on the top right corner. At the center of the home page, there is a welcome message with the name of the user which he entered while signing up for the form. And when the user clicked on the logout button, he will be redirected to the login page and at this time he can log in with their correct email and password and will be directly redirected to the home page without redirecting to any other page.

If you're feeling difficult to understand what I am saying. You can watch a full video tutorial on this program (Login & Signup Form with Email Verification).

Video Tutorial of Login & Signup Form with Email Verification

In the video, you have seen the demo of this project and I hope you love it. In this project, I have sent mail from Localhost using PHP and you must have to configure your XAMPP to Send Mail from Localhost in PHP. If you don't configure your XAMPP then your mail which is used to send OTP code to the user won't be sent and there is no meaning to download the source files of this project.

Login & Signup Form with Email Verification [Source Codes]

Click the given download button and you'll be redirected to the timer page, just wait until the timer completed. Once the timer complete then the zip file will automatically download. Once you download the zip file, just extract it and you'll get a folder with all required coding files with a userform.sql file. After these, create the database and the database name must be userform then import the userform.sql file by clicking on the import tab in the database. This file will create all required tables with columns. That's it you don't need to do anything more.

Download code files