MERN Chat App using ReactJS, Express, NodeJS, MongoDB, and Socket.IO Part 1 - PLACEMENT PROJECT

Learn how to create a MERN chat app from scratch using ReactJS, Express, NodeJS, MongoDB, and Socket.IO! This placement project is perfect for those looking to enhance their skills in web development and add a valuable project to their portfolio. In this first part of the series, we'll cover the setup and basics of the project. Stay tuned for more exciting updates in future parts!

Join this channel to get access to perks:

Hello everyone, my name is Abhishek Singh, the only programmer in the world with 6 pack abs and you are watching 6 pack programmer.

#MERNStack
#ReactJS
#ExpressJS
#NodeJS
#MongoDB
#SocketIO
#ChatApplication
#FileSharing
#WebDevelopment
#JavaScript
#Programming
#FullStackDevelopment
#TechTutorial
#SoftwareDevelopment
#OpenSource
#CodingTutorial
#WebAppDevelopment
#RealTimeChat
#MERNChatApp
#DeveloperTutorial

In 2023, it is the most practical web development course on YouTube. We will understand each concept theoretically as well as practically. After understanding the concepts, we will create projects and do fun challenges.

So make sure to subscribe to my channel, So you can't miss any updates.

Product Used

------------------------------------- FOLLOW ME --------------------------------

[sladdwithmohit]

i think in indian only you are one who is creating advanced projects thank you sir

[ShivaniCodehub]

You have made lives of many students, which cannot even make a 4-year degree. 🏆

[prince_vishwakarma_yt]

3:41:19 / 6:39:59 setting up group page
4:20:44 / 6:39:59 creating confirm delete dialog for groups page in components > dialogs >
4:26:53 / 6:39:59 creating add member dialog for groups page in components > dialogs >
4:55:22 / 6:39:59 creating admin login in pages > admin>
5:00:33 / 6:39:59 creating dashboard in pages> admin
5:01:40 / 6:39:59 creating admin layout in components>layouts
5:11:45 / 6:39:59 creating routes.js in constants
5:23:10 / 6:39:59 creating chat management page in admin>
5:26:44 / 6:39:59 completing dashboard page
5:43:22 / 6:39:59 creating chat components

[devkumar]

Abhi Ecommerce wala kar ra hu aur agla project a gaya pehle hi, thanks

[ZirvaKhan-mi]

Thanks sir, i was searching out same thing for many days, Now i Searched it out, , Thanks a lot..Love from Pakistan

[VIKAS-fmun]

Paid course me bhi aise project nhi banbate aur aap free me de rhe ho thanks bhai 😊

[dilawarkhankamboh]

next level your projects brother i follow you last 4 years am from pakistan love you😍😊

[maheshramteke]

You are the best javascript teacher in YouTube channel

[prashantsingh]

One suggestion,
Plz implement one by one features fully on backend and frontend.
Then we will get interest.
As watching this video, i felt bored, as i didn't know what type of data is coming, why are we doing this in frontend, especially at 2:00:00
By the way, this is best project available on YouTube

[ArnabBhakta-vs]

The speed of your teaching and the way you describe the concepts and topics is awesome.

[irfansaeedkhan]

Yes yes yes we want intermediate and advanced projects

[nithenbains]

You are the men who made advance level projects in whole india

[sandeeplakhiwal]

Great brother, I have been already working on chat app project. Your video will be quiet helpful for me in completing my project.

[DEEPAKKUMAR-hdbe]

Bhayiya ab kuch in technologies pe bhi video layiye like prisma, redis, kubernetes, docker, aws aur please from installation to master like jaroorat hai

[ZirvaKhan-mi]

at 1:16:42, we also can use Layout.jsx just like that

import React from "react";

const Layout = ({ children }) => {
return (
<div
Header
<div className="layout-content">
<div mt-4">{children}</div>
</div>
footer
</div>
);
};

export default Layout;




and then we can wrap each component with Layout
import React from "react";
import Layout from "../components/Layout";

const Home = () => {
return <Layout>Home</Layout>;
};

export default Home;

[prakashkumarsahu]

dear, six pack wala sir ji, aapke wajah se me aaj node pe job kar raha hu, me civil enginner hu, or me confuse tha kon si language pe kaam karu, sach me aapka ecommerce mernstack project dekha to confident hokar me usme kuchh kuchh changes kiya aaj wo project me maine add to cart, order, and razorpaypay payment gateway bhi laga diya or is project ko dikhakar me node pe work kar raha hu, very very thanku sir ji🙏❤

[lalanthakur]

Always the content is awesome no doubt 🎉❤

[staringintotheabyss]

Wow what a project!!Salute to your efforts I am just 1 hour in and I have already learnt so much

[EnergeticEight]

Bro, you are amazing I always used to watch Javascript mastery but after seeing your video in Hindi I am very happy after seeing this type of project from India.

[watchtv]

ak baat hai bhaiyea aapka video bhale hi late aaye lakin detailed aur mst aata hai dil se thank you bhaiya