Тёмный

Login & Register Web Form using PHP XAMPP Frontend, Backend & Database Connection (With Source Code) 

frank Tech
Подписаться 1,3 тыс.
Просмотров 41 тыс.
50% 1

In this comprehensive tutorial, you'll learn how to:
Craft user-friendly login and registration forms using HTML, CSS, and JavaScript (Frontend Development). Connect your forms to a database for secure user information storage (Database Integration). Implement robust backend logic with PHP to handle user authentication (Backend Development).
We'll break down each stage step-by-step, making it easy for beginners and experienced developers alike. Whether you're building a simple website or a complex application, this video equips you with the skills to implement a secure login system.
You'll get access to the complete source code This way, you can follow along, experiment, and customize your login system to fit your specific needs.
___________________________________________________________________________
___________________________________________________________________________
Source Code : github.com/francis-njenga/log...
Portfolio : francis-njenga.vercel.app
__________________________________________________________________________
#programmer #web #webdevelopment #javascript #html #css #php #database #frontend #backend
-----------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------
0:00 Introduction
0:43 HTML
5:33 CSS
12:40 JavaScript
15:10 Installing XAMPP
18:25 PHP

Наука

Опубликовано:

 

17 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 141   
@francis_tech
@francis_tech 2 месяца назад
Thanks for watching😊😊
@FreddyzMontilla
@FreddyzMontilla 28 дней назад
... umm im here
@mbondecyril7944
@mbondecyril7944 3 дня назад
This is the best tutorial I've seen on this topic. Very detailed and clear explanation. Thank you for uploading, this has help with my project. You got a new subscriber.
@francis_tech
@francis_tech 3 дня назад
You're very welcome! we keep learning and improving our skills #devfordev
@FaraidunHussain
@FaraidunHussain 2 месяца назад
Very well structured, great backend and fronted project, and very necessary for website development to know them.
@francis_tech
@francis_tech 2 месяца назад
thanks 🙏😊
@peterenijay1309
@peterenijay1309 18 дней назад
I don't usually subscribe to channels but you are a good explainer and I really needed this.i subscribed and liked the page. WILL COME BACK TO THIS COMMENT WHEN IT HIT 1 Million views
@francis_tech
@francis_tech 17 дней назад
wow 🫡
@GerraldLimbando
@GerraldLimbando Месяц назад
Awesome.. well explained.. Looking forward to seeing more content on your channel
@francis_tech
@francis_tech Месяц назад
Am Glad, you liked it, stay tuned for even better future content
@gayming4079
@gayming4079 7 дней назад
Thank you so much for this tutorial!!! Hoping for an another video where you make a system management connected to this!!❤❤❤
@francis_tech
@francis_tech 7 дней назад
great nice idea
@vasanthkumar-tk9rx
@vasanthkumar-tk9rx 18 дней назад
You're explanation is awesome, and this tutorial very helpful.. ❤
@francis_tech
@francis_tech 18 дней назад
thanks 🙏😊, stay tuned for more tutorials, happy coding
@khawajasaadqayyum2951
@khawajasaadqayyum2951 7 дней назад
One of the two the point tutorial. Hats off Man 😊
@francis_tech
@francis_tech 7 дней назад
Glad you liked it! 😊
@john-bk4yd
@john-bk4yd Месяц назад
Nice Tutorial well explained, you got yourself new sub
@francis_tech
@francis_tech Месяц назад
glad you liked it
@agustinlyon8173
@agustinlyon8173 9 дней назад
Great video! Thanks a lot . it helped on my cs project
@francis_tech
@francis_tech 9 дней назад
glad was able to help, 😁 stay locked for more content 🙏
@LindaElsa-ri6ix
@LindaElsa-ri6ix 23 дня назад
Thanks, you got a new subscriber
@francis_tech
@francis_tech 23 дня назад
thanks 🙏😊
@plain5425
@plain5425 14 дней назад
very nice, you just got yourself a new subscriber. thanks
@francis_tech
@francis_tech 14 дней назад
Welcome aboard! 🫡🫡
@williamkakooza4603
@williamkakooza4603 День назад
Thanks Professor
@francis_tech
@francis_tech День назад
Haha thanks 🙏
@walker_john
@walker_john 2 месяца назад
Nice tutorial bro
@francis_tech
@francis_tech 2 месяца назад
Glad you liked it!
@marcjulian9183
@marcjulian9183 15 дней назад
Thankyou so much!
@francis_tech
@francis_tech 15 дней назад
welcome 🤗
@hiteshvanzara7554
@hiteshvanzara7554 24 дня назад
Thank you ❤
@francis_tech
@francis_tech 24 дня назад
You're welcome 😊
@kellyice1403
@kellyice1403 Месяц назад
Nice tutorial
@francis_tech
@francis_tech Месяц назад
Thanks
@f1ekser928
@f1ekser928 10 дней назад
Hello, when I write in the browser, localhost/login gives me (Not Found The requested URL was not found on this server. Apache/2.4.58 (Win64) OpenSSL/3.1.3 PHP/8.2.12 Server at localhost Port 80) what should I do?
@francis_tech
@francis_tech 10 дней назад
hello login should be a folder name in your htdocs do you have such a folder in your htdocs, if not use the name of folder with your code instead of login
@KimahLifeTV01
@KimahLifeTV01 Месяц назад
Hello..Thanks fot this amaizing totorial. I have an error when trying to submit my form ..it states that $conn variable in connect.php isn't declared..whats might be the issue?
@francis_tech
@francis_tech Месяц назад
Hello, that means there is problem with connection to the database, make sure that your xampp sql and apache are on, also confirm your using the correct database name
@francis_tech
@francis_tech Месяц назад
if you downloaded the code from github, check in the video how i created database in phpmyadmin,
@mohamadantonathoillah7174
@mohamadantonathoillah7174 2 месяца назад
Awesome
@francis_tech
@francis_tech Месяц назад
glad it helped
@mohamadantonathoillah7174
@mohamadantonathoillah7174 Месяц назад
With all due respect, I'm waiting for a tutorial to forget password@@francis_tech
@Skub1shaaa
@Skub1shaaa 2 дня назад
Well done
@Skub1shaaa
@Skub1shaaa 2 дня назад
Sub + like ❤❤❤
@francis_tech
@francis_tech 2 дня назад
glad you liked it ☺️
@francis_tech
@francis_tech 2 дня назад
thanks 🙏🙏
@degamorhonnwalterc.8250
@degamorhonnwalterc.8250 Месяц назад
how do I design the homepage? should I create a new css file for designing the homepage?
@francis_tech
@francis_tech Месяц назад
hello, yes you can add a css in separate file and link it to your homepage.php
@jirehperez693
@jirehperez693 25 дней назад
@@francis_tech how?
@francis_tech
@francis_tech 25 дней назад
@@jirehperez693 hello
@francis_tech
@francis_tech 25 дней назад
you can use the same css file or create a new file and link it to the hompage.php check how i connected the css file to the index.php
@KrudskyML
@KrudskyML 8 дней назад
What if i log in my Facebook using the logo below. Will it send to my SQL DATABASE?
@francis_tech
@francis_tech 8 дней назад
it does't work that way, facebook, google etc are authentication providers and they authenticate differently you wont have any information to store in sql database, i will do a video on that too
@random3314
@random3314 День назад
The closing ?> tag should be omitted from files containing only PHP. Why I get this error on connect.php?
@francis_tech
@francis_tech День назад
hello no problem with that you can ignore it its just that maybe you have a php extension installed, though it is true when we have only php in a file we dont need to close it, go ahead and delete the ?> it should still work
@murwa1012
@murwa1012 2 дня назад
just curious how many years of exp do u have?
@francis_tech
@francis_tech 2 дня назад
few am not yet there
@zanimali4077
@zanimali4077 Месяц назад
From minute 7:31 of the video I followed you carefully. However I realised the css code was only changing the register section and not the sign up section. How do i fix this pls help
@francis_tech
@francis_tech Месяц назад
Please check the classes used in sign up section are the same as register part, if they are the same then try ctrl+F5 to refresh the css that is if you are using a browser
@PollobChandro6
@PollobChandro6 4 дня назад
Nice
@francis_tech
@francis_tech 3 дня назад
glad you liked it
@Oprekode
@Oprekode 20 дней назад
nice application
@francis_tech
@francis_tech 20 дней назад
thanks for appreciating
@user-iz6xd5zr8w
@user-iz6xd5zr8w Месяц назад
How to connect my main project into navbar login button
@francis_tech
@francis_tech Месяц назад
Hello, It is possible you can modify the place i have used homepage.php and use your main page file name to direct user to your main page 21:00
@user-iz6xd5zr8w
@user-iz6xd5zr8w Месяц назад
Ok I will modified
@francis_tech
@francis_tech Месяц назад
nice
@user-vh7nv6uu8i
@user-vh7nv6uu8i 19 дней назад
In sign in form , when im clicking on sign-up link im not getting the sign up form .. i have checked the code twice sir but still same issue .. what mistake have i done sir
@francis_tech
@francis_tech 19 дней назад
hello friend i would like you to check the id used in form matches what you are using in javascript
@edgarkevinmiranda3092
@edgarkevinmiranda3092 8 дней назад
good
@francis_tech
@francis_tech 8 дней назад
Thanks, 🫡
@pinkmochi7802
@pinkmochi7802 16 дней назад
Hi I got fatal error uncaught mysqli_sql_exception access denied for user root@local host using password no please help me to debug it
@francis_tech
@francis_tech 16 дней назад
This is problem with connecting to the database, please check you are using the correct database name
@pinkmochi7802
@pinkmochi7802 16 дней назад
@@francis_tech I checked and corrected it but now ive got another error its like I can access data of ppl who have signed in or registered but its visible in mysql but not in phpmyadmin can you help me With tht
@nagasudhamr4574
@nagasudhamr4574 5 дней назад
Sir i am getting an error called localhost is currently unable yo handle this request Help me to solve this sir
@francis_tech
@francis_tech 5 дней назад
hello friend, have you installed xammp
@AbdurahmanDaacad-vn6ll
@AbdurahmanDaacad-vn6ll 24 дня назад
Please Make a video 'how to login/signin with Google or Facebook'
@francis_tech
@francis_tech 24 дня назад
okay i will do that stay tuned
@AbdurahmanDaacad-vn6ll
@AbdurahmanDaacad-vn6ll 17 дней назад
​@francis_tech steel waiting brother hurry up. Tanks
@user-ui4hp9gp1y
@user-ui4hp9gp1y 16 дней назад
Script.js page is not connecting with the index.php page... Due to that when clicking on the sign up button nothing performed ☹️ My bca final year project is on 8th may i am in trouble...😣
@francis_tech
@francis_tech 16 дней назад
hello 👋 please check on the id, in script file match id in index.php
@user-ui4hp9gp1y
@user-ui4hp9gp1y 15 дней назад
Thanku so much my mistake was "signup" instead of "signUp"...✨♥️
@shyambalanagu8843
@shyambalanagu8843 14 дней назад
im getting an error called The requested URL was not found on this server
@francis_tech
@francis_tech 14 дней назад
hello dev, please check whether you have the file you are directing the user after successful login, and make sure the name matches a file you have header("Location: homepage.php"); for instance here you must have homepage.php in the same directory as the register.php
@tiktoksl6345
@tiktoksl6345 Месяц назад
Warning: Undefined array key "password" in C:\xampp\htdocs\login-form-with-database-connection-main egister.php on line 33 why show thiss error
@francis_tech
@francis_tech Месяц назад
Hello, please redownload the github code, index.php there was an issue but i have rectified that
@edgarkevinmiranda3092
@edgarkevinmiranda3092 5 дней назад
brother, lastly I don't get my name, I only get "HELLO :)" but it doesn't show the name of the user who registered. HELP ME PLEASE :/
@francis_tech
@francis_tech 5 дней назад
check if the session being passed in register.php matches a column in the database, also check on homepage.php the session variable you are accessing is correct
@wiemzayene
@wiemzayene Месяц назад
Fatal error: Uncaught Error: Class "mysqli" not found in C:\projet_vente\login-form-with-database-connection-main\connect.php:7 Stack trace: #0 C:\projet_vente\login-form-with-database-connection-main egister.php(3): include() #1 {main} thrown in C:\projet_vente\login-form-with-database-connection-main\connect.php on line 7
@francis_tech
@francis_tech Месяц назад
Move the folder downloaded to htdocs after installing xammp
@talhajobayer8666
@talhajobayer8666 День назад
I have copied all code but box and logo is coming different.. Why is it..?
@francis_tech
@francis_tech День назад
hello i used font awesome, icons it should work , try inspecting
@talhajobayer8666
@talhajobayer8666 19 часов назад
@@francis_tech its working but after clicking sign up that page isnt coming?
@kamalrautela9694
@kamalrautela9694 18 дней назад
everything is working , but as soon as i login , it shows just a blank white screen , with no name popup or logout button , can you please help me with it
@kamalrautela9694
@kamalrautela9694 18 дней назад
try to please help me out asap, i have to use it in my college ,
@kamalrautela9694
@kamalrautela9694 18 дней назад
its says This page isn’t workinglocalhost is currently unable to handle this request. HTTP ERROR 500
@francis_tech
@francis_tech 17 дней назад
hello dev, Check if the database connection is correct, and also check the column names you want to access matches what you have in your database
@kamalrautela9694
@kamalrautela9694 17 дней назад
@@francis_techit’s says the requested url was not found on this server
@kamalrautela9694
@kamalrautela9694 17 дней назад
@@francis_techhave you written fName in code or other I have used your codes and everything in video
@IshmaelMohudi
@IshmaelMohudi Месяц назад
is the source code provided free to use ?
@francis_tech
@francis_tech Месяц назад
yeah completely free,
@joefrancecabras9471
@joefrancecabras9471 Месяц назад
Hello when i click sign up it will not go to register huhu i follow all the steps
@francis_tech
@francis_tech Месяц назад
inspect the page on your browser, and check the error displayed on console after clicking the button
@dotatwo7373
@dotatwo7373 Месяц назад
@@francis_tech Hello, thank you for your work. I am encountering this problem as well. upon checking console it produces this error message "Uncaught TypeError: Cannot read properties of null (reading 'style') at HTMLButtonElement. (script.js:8:16)". Your response is greatly appreciated
@francis_tech
@francis_tech Месяц назад
@@dotatwo7373 okay make sure all the id names used in the javascript code match what we have in the html page, let me know if that works
@dotatwo7373
@dotatwo7373 Месяц назад
@@francis_tech OMG! how did I not see that. from smaller case 'u' to uppercase 'U'.hahah Thank you so much!
@francis_tech
@francis_tech Месяц назад
@@dotatwo7373 nice it has worked if you encounter any other problem feel free to ask
@shivanshsharma652
@shivanshsharma652 7 дней назад
my backend is not work
@shivanshsharma652
@shivanshsharma652 7 дней назад
i have copied your code in github
@francis_tech
@francis_tech 7 дней назад
please watch the video on how to create database, installing xampp and how to configure database, all in this video
@francis_tech
@francis_tech 7 дней назад
tell me the error you are getting
@TorjoyDasGupto-fo9ps
@TorjoyDasGupto-fo9ps 7 дней назад
Table tai show koralen na concept not clear 🤦‍♂️
@francis_tech
@francis_tech 7 дней назад
hello please show me the error you are getting i may be able to help
@DevinMcGee-vl6dz
@DevinMcGee-vl6dz 15 дней назад
Is it anyone you can email me the codes for each file ?
@francis_tech
@francis_tech 15 дней назад
use GitHub link to download, check description
@ezesolomon-oe1oh
@ezesolomon-oe1oh Месяц назад
can I get the source code
@francis_tech
@francis_tech Месяц назад
Yeah for sure, i have shared github link
@ethio_tube871
@ethio_tube871 Месяц назад
please send the source code
@francis_tech
@francis_tech Месяц назад
i have shared source code, check description for github link
@mdtajyusuf2306
@mdtajyusuf2306 19 дней назад
Fatal error: Uncaught mysqli_sql_exception: Unknown column 'firstName' in 'field list' in C:\xampp\htdocs\login egister.php:20 Stack trace: #0 C:\xampp\htdocs\login egister.php(20): mysqli->query('INSERT INTO use...') #1 {main} thrown in C:\xampp\htdocs\login egister.php on line 20 after clicking on signup im getting this
@francis_tech
@francis_tech 19 дней назад
hello friend please counter check if you have a column named firstName in your database
@mdtajyusuf2306
@mdtajyusuf2306 19 дней назад
@@francis_tech yes I found it thank you
@francis_tech
@francis_tech 19 дней назад
@@mdtajyusuf2306 okay nice happy coding
@random3314
@random3314 День назад
: Uncaught Error: Class "mysqli" not found in C:\xampp\htdocs\Login\connect.php:8 Stack trace: #0 C:\xampp\htdocs\Login egister.php(3): include() #1 {main} thrown in C:\xampp\htdocs\Login\connect.php on line 8. please help me bro
@francis_tech
@francis_tech День назад
hello have you started, mysql on your xammp control panel
@random3314
@random3314 День назад
@@francis_tech yes i started it already
@francis_tech
@francis_tech День назад
@@random3314 Open the php.ini file. The default location for XAMPP on location C:\xampp\php\php.ini. Search for the line extension=mysqli. If it's preceded by a semicolon (;), remove the semicolon to uncomment the line. If the line extension=mysqli is missing, add it to the file. Save the changes
@random3314
@random3314 12 часов назад
@@francis_tech i aready done it but it same problem.
@octaviaofficial86
@octaviaofficial86 24 дня назад
Warning: Undefined variable $conn in C:\xampp\htdocs\Singup egister.php on line 13 Fatal error: Uncaught Error: Call to a member function query() on null in C:\xampp\htdocs\Singup egister.php:13 Stack trace: #0 {main} thrown in C:\xampp\htdocs\Singup egister.php on line 13 bro why turns out like this
@francis_tech
@francis_tech 24 дня назад
hello make sure you have included include 'connect.php'; and aslo ensure the database name you created in phpmyadmin matches the database in connect.php
@wiemzayene
@wiemzayene Месяц назад
Fatal error: Uncaught Error: Class "mysqli" not found in C:\projet_vente\login-form-with-database-connection-main\connect.php:7 Stack trace: #0 C:\projet_vente\login-form-with-database-connection-main egister.php(3): include() #1 {main} thrown in C:\projet_vente\login-form-with-database-connection-main\connect.php on line 7
@francis_tech
@francis_tech Месяц назад
move the folder to htdocs and let me know if it is working
Далее
ASMR Programming - Animated Login Page - No Talking
18:18
How to make Login Form using PHP MySQL | Xampp
36:28
Просмотров 215 тыс.
Алмазная мозаика Mini Gems 💎
00:51
Просмотров 146 тыс.
Login Form in HTML & CSS
11:07
Просмотров 1,1 млн
INSANE OpenAI News: GPT-4o and your own AI partner
28:48
Backend web development - a complete overview
12:58
Просмотров 1,6 млн
Login and Registration Form in PHP and MySQL
56:17
Просмотров 271 тыс.
PHP on the frontend! No more Javascript!
14:47
Просмотров 113 тыс.
NEW GPT-4o: My Mind is Blown.
6:28
Просмотров 458 тыс.
Phone charger explosion
0:43
Просмотров 55 млн
А какой комп у тебя?
0:10
Просмотров 13 тыс.
ОБЗОР Pixel 8a | iPhone от ГУГЛ👀
0:33
Просмотров 18 тыс.