Tutorial About Team Code Legions' Login Work

Published on Sep 21st, 2019 08:27 AM

TEAM CODE LEGIONS

In the myriad of Interns, 10 willing and super motivated persons find each other and form a great team called Team Code Legions.

.With a team made up of a lady and 9 gentlemen who are proficient in design, front-end development and back-end development, we set out to carry out this project and our task was to design and deploy a login page.

Team List And Proficiencies

UI/UX Design: Martini Mabifa (@Martini Mabifa), Damilola Babalola (@dharmyx)

Front End Development: Adam Programmer (@Adams_Programmer), Charles Ugbana (@Charles Ugbana), Damilola Babalola (@Dharmyx), Ido Dickson Evergreen (@Ido Dickson Evergreen), Kenneth Ikechukwu Chigoizie (@Kennethkae), Zaynab (@Zaynab), Chukwudi Chibuzor Nduka (@ChudiNduka)

Backend Development: Mubarak Aderogba (@Mubarak), Arch-Michael (@Ngene Emmanuel Michael)

SUMMARY OF THE PROJECT GIVEN.

  • Design a login page
  • Implement the front-end using HTML and CSS and make responsive.
  • Execute the Backend with PHP
  • Handle version control using GIT
  • Deploy, run tests and debug.

THE DESIGN:

We created the UI design for both Desktop and mobile using Figma a cloud based design tool.

FRONT END DEVELOPMENT:

We created the fully responsive login page using html for its structure and css to get the styling as designed. The forms submission is handled by the action attribute ‘form’ element and the form would then advance to the .php file which we defined by the action attribute ‘value’.

THE PHP FILE:

The .php file would handle the authentication process of the login page.

After the submit button is pressed, an IF statement ensures the user data is submitted into the table which collects the user data in the database while the Post command classifies all the user input from the login into their respective variables.

To ensure only one user details can be submitted, a line of code is written to monitor and carry out the authentication process.

During the login, where the imputed data matches no user data in the database, an error code is returned.