Chat Application using PHP with MySQL & JavaScript

Chat Application using PHP with MySQL & JavaScript

In this video, I have shown you how you can create a Complete Chat Application using PHP with MySQL & JavaScript. In this chat app, first you've to signup if you're new on the chat application then after successfully signed up, you'll be redirected to the users area page where users like you who have signed to this chat app will appear there with their full name, profile image, active status and so on.

You can select any user to start to chat with them. You can also easily log out from the chat application by clicking on the logout button and after successful logout, you'll be redirected to the login page of the chat app and your status will be offline for other signed-up users. You've to log in with your signed-up email and password to enter the chatting page again.

Upload this Chat Application to an Online Server for Free
➤ Watch: https://youtu.be/8brkoQFWk8M

Detect Internet Connection using JavaScript
➤ https://youtu.be/i1J8XqX2rlE

Send Email to Anyone using PHP from Localhost
➤ https://www.youtube.com/watch?v=i4m73Fzssr8

Download Codes From Here (You may have to search the title of this video there) - https://codingnepalweb.com

Second Channel - https://bit.ly/3aHNkru
My Code Editor - https://youtu.be/55VjXTeYkTE
Facebook - https://www.facebook.com/coding.np
Instagram - https://www.instagram.com/coding.np

0:00 Demo of Chat Application
12:38 HTML & CSS Start
12:51 Creating Signup Form (HTML)
15:40 Styling Signup Form (CSS)
21:03 Creating Login Form (HTML)
23:01 Creating Users List Page (HTML)
24:50 Styling Users List Page (CSS)
35:07 Creating Chat Area Page (HTML)
35:51 Styling Chat Area Page (CSS)

JavaScript Codes Timestamps
46:36 JavaScript Start
51:33 Search Bar Show Hide Toggle
57:23 Ajax for Signup Form
1:31:04 Ajax for Login Form

PHP Codes Timestamps
1:01:26 Creating Database
1:01:41 Configuration with Database
1:04:30 PHP Code for Signup Form
1:10:09 Creating Tables
1:32:01 PHP Code for Login Form
1:38:09 Making Users Page Dynamic
1:58:45 Making Chat Area Dynamic
2:20:14 Showing Last sent Message
2:35:21 PHP Code for Logout user

Music Credit:
Track: Jordan Schor & Harley Bird - Home [NCS Release]
➤ Watch: https://youtu.be/KmwpogFtb4Q

Track: Jimmy Hardwind - Want Me (feat. Mike Archangelo)
➤ Watch: https://youtu.be/-Rw8zR9wmTY

Track: Lost Sky - Vision [NCS Release]
Music provided by NoCopyrightSounds.
➤ Watch: https://youtu.be/7RU1l8GtGOc

Acejax feat. Danilyon - By My Side [NCS Release]
➤ Watch: https://youtu.be/SE_8DxZLmLk

ROY KNOX - Blue Eyed Demon [NCS Release]
➤ Watch: https://youtu.be/KBtmHyfOMNU
Web design
Be the first to comment