GithubHelp home page GithubHelp logo

ajhalthor / signup-login-form Goto Github PK

View Code? Open in Web Editor NEW
34.0 8.0 52.0 41.73 MB

A signup login form with validation using jQuery AJAX

License: MIT License

PHP 69.54% JavaScript 25.38% CSS 5.08%

signup-login-form's Introduction

Signup-Login-Form

A signup login form with validation using jQuery AJAX

Gif of Page

This signup-login page was designed keeping 4 user classes in mind:

  • Student
  • Teacher
  • HOD (that is 'Head of Department')
  • Administration

Of course, they can be changed to your liking

Features

  • Intelligent. The Fields change depending on the user
  • Validation. Provides appropriate validation for various fields.
  • Database. Also coupled with the backend database, in case you are working on a similar application
  • Email. Comes with the markup for a Welcome Mail! (which i will show later)
  • Its responsive! So, it looks good on all mobiles, tablets, laptops and desktops with any orientation.

Page is Responsive

Usage

  • The user first signs up. If the password is adequate and the email entered is registered in the database, then a confirmation link is sent.
  • From this welcome mail, the user activates his account by clicking on the activation link.
  • They are redirected to the home page
  • Now the user logs in with their new username and password.

Files

  • check_login.php : It just checks if the user has already logged in. It will go directly to thier page if so.
  • connect.inc.php : Used to connect to the database
  • session.inc.php : starts a session.
  • index.php : contains the markup for the signup-login page
  • login.js : Consists of the validation code for all fields
  • login.php : consists of the backend code for the login form.
  • signup.php : has the backend code for the signup form AND the markup for the welcome email
  • confirm.php : activates the user account and is triggered from the welcome mail

signup-login-form's People

Contributors

ajhalthor avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

signup-login-form's Issues

Unable to connect with database.

Hey,
I am a beginner in php and i have cloned this form.
But I have an issue that the database file you have provided is not importing to phpMyAdmin.
Can you help me with that please???

Congrats! Do you have any step-by-step?

Hi! Tks for your files and congrats! I'm a beginner in PHP, CSS and so forth, but at the same time I know many things, I mean, how to follow the instructions.

Even the Gist I'm learning. So, I image we have something to customize in order to use your code.
Do u have any step-by-step for following?

I've already cloned, copy to my webserver, but nothing happens.
For instance, I have to create the database, right?
Tks in advanced!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.