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

🗂️ Get Source Code of this Chat App

🌐 Visit CodingNepal for helpful coding projects

⭐ Hire me on Fiverr

👍 Follow me on Facebook

📷 Follow me on Instagram

📲 Follow me on X (Twitter)

Timestamps:
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]

Track: Jimmy Hardwind - Want Me (feat. Mike Archangelo)

Track: Lost Sky - Vision [NCS Release]
Music provided by NoCopyrightSounds.

Acejax feat. Danilyon - By My Side [NCS Release]

ROY KNOX - Blue Eyed Demon [NCS Release]

[denydev]

I speak Portuguese I am making this comment using a translator but I did not want to stop coming to thank you for the beautiful work you taught, even if you write in English your didactic is great taught me what I have been trying to learn for 1 year, thank you, God bless you, you became my master of programming.

[jvyas]

Thank you so much!! I was literally having no knowledge about php before starting this tutorial and I followed it till end. It took me around 5 days to complete, but it was worth it! I learnt so much about php and ajax!

[soggarnguvo]

I am glad you were born man, You are turning dust to gold. You are making underprivileged kids who cant afford to pay for bootcamps heroes. With your vidoes i dream it possible. A skinny kid with a funny name Soggar is becoming someone in the commercial world. Bro you are simply amazing legend par excellent.

[whoyou]

This is big help to the other developers who want to create a chat functionality to their projects. 💕
Thank you so much for your tuitorials

[niteshapte]

Very impressive work. Front-end is very attractive. Back-end programming is also very impressive. Most importantly the way you presented step-by-step, it was very easy to understand. Few things that I would suggest based on my experience that first, move to Object Oriented Programming approach in PHP to decouple UI and back-end. Once you do, you will start seeing the several benefits of it. Second, make sure to enable HTTP/2 while hosting this application. Overall, amazing work. Keep making awesome videos like this and keep sharing knowledge. Thanks.

[sadmansorowar]

Amazing video. Nothing to say. I am a new programmer. That's the thing I am looking for practising PHP, Javascript & Ajax. This video made my day. Thanks for the tutorial.

[senju]

And thank you so much for taking the time to build this and sharing this with the world. God bless you. Much love from Jamaica.

[MadeInPython]

Good start, a couple improvements could be
1) Timestamps to show when messages were sent
2) Scrollbar for chats -> otherwise can't read old chats; however this is assuming the application is to be used on desktop.

[sudeepkumar]

Brilliant design and we are waiting for this tutorial.
Thank you so much

[devil]

Why didn't I find your channel sooner? You have awesome content bro. Good to see a fellow Nepali <3

[slowbuddy]

It will be great if you add media sharing option into the chat... Please make a video on this!🙏

[shivueditz]

Amazing
I just got you yesterday and got that everybody don't only do clickbait some have real talent and you are one of them

[mounir]

Wow! Excellent. Thanks brother for this great work, I really like it and I'm really very happy and admire for the time you are investing in making others to learn. You gave us so much and for nothing.
My greetings.

[yesfrnugamer]

At the starting of the tutorial:
My thoughts - I think this tutorial might be enjoyable, knowledgeable and very helpful to me

[harshwebdeveloper]

This is great man, not many people would take the time to do this. thanks so much for the tutorial this is actually so cool!💖

[labidsaad]

You are give coding to another level..BROTHER you are just awesome.. Love from Bangladesh🇧🇩🇧🇩

[ahanafridi]

This is awsome. Without saying anything he just explaining everything with the cursor. But he did awsome :)

[victorrono]

Just started this tutorial. amazing. Will definitely follow it to the end

[pamungkas_]

Can you make another video like this but using socket instead of ajax? Thanks.
Your code are so clean and easy to read 🔥

[Fulbion]

ngl i usually don't really care about front-end on my php projects, but THIS is *beautyful*!