Build Fullstack Twitter Clone with MERN Stack (ReactJS, Express, NodeJS, MongoDB, Tailwind CSS) 

Join Our Discord to Get Source Code: discord.com/invite/F2r49ZCz5R

Thank you bro for such kind of contribution in the teaching field. I am very thankful to you from my inner hart❤ because this is my first full-Stack project that i completed through you and i have learned a lot of new things from you. Before this time i never made any APIs which is i have learned from you very easily. Your teaching way is very Excellent. Again i want to say thank you so much to you ❤

Proud to see someone teaching this level of professional work in Hindi, Keep going bro

Thank you, i am searching this project using MERN stack, today I get. Thank you ❤

Completed the project, great explaination , learned a lot from it Thank you man ❤

00:00 The video demonstrates building a clone project with a beginner-friendly approach, focusing on authentication, user interactions, and project setup using MERN stack. The creator emphasizes simplicity and personal assistance for viewers to easily follow along and learn. Click to expand 15:03 The video demonstrates step-by-step CSS coding for building components like sidebars and feeds, emphasizing styling and alignment for a visually appealing user interface. Click to expand 30:08 The video demonstrates the process of designing a user interface, including creating components, adding icons, and styling elements using CSS. It also covers importing packages and setting up images for the interface. Click to expand 45:13 The video demonstrates the process of designing a webpage using CSS, focusing on centering elements, adding borders, adjusting text styles, and creating a tweet layout with user interactions. Click to expand 1:00:19 The video demonstrates a detailed tutorial on CSS styling, including creating divs, applying CSS properties, and designing elements like search bars and user profiles. Click to expand 1:15:23 The video demonstrates how to use React Router DOM to create dynamic routes for different components, such as a home page and a profile page, allowing for conditional rendering based on user interactions. Click to expand 1:30:27 The video script demonstrates the process of designing a profile page using React, including adding elements like username, bio, and edit profile button, and styling them with CSS. Click to expand 1:45:33 The video demonstrates the process of designing a login form, including adding input fields, styling with CSS, and implementing conditional rendering based on login status. It covers creating a form layout, styling elements, and managing login state dynamically. Click to expand 2:00:38 The video discusses setting up a back end server by creating APIs for login, registration, and other functionalities using Node.js and Express. It also covers installing necessary packages and configuring the database. Click to expand 2:15:42 The video script covers the process of creating a project, setting up a database connection, designing user and tweet schemas, and implementing controllers for user registration. It emphasizes defining fields, types, and relationships within the schemas. Click to expand 2:30:47 The video script discusses creating APIs for user registration using Node.js and Express, including hashing passwords for security. It also covers setting up routes and controllers for handling user registration requests. Click to expand 2:45:49 The video script demonstrates the process of creating an API for user registration, login, and token generation, focusing on handling user data and authentication securely. Click to expand 3:00:53 The video discusses the process of user authentication and creating a tweet in a web application. It covers verifying user login status, implementing middleware for authentication, and creating a controller for tweeting. Click to expand 3:15:55 The video script explains the process of creating and deleting tweets, including authentication and handling user IDs. It demonstrates how to use request parameters to interact with the API effectively. Click to expand 3:30:00 The video explains the process of implementing like, dislike, and bookmark functionalities in a tweet application using JavaScript and MongoDB. It covers how to handle user interactions and update data accordingly. Click to expand 3:46:03 Users have the right to save and remove tweets in bookmarks, with the ability to check profiles, using user authentication. The process involves finding user IDs, managing bookmarks, and displaying user information. Click to expand 4:01:10 The video discusses database management and user interactions, focusing on creating, finding, and updating users. It also delves into the concept of following and unfollowing users within the system. Click to expand

Bhai you are very hard working full support ❤❤ Your channel is underrated. But keep consistency and you will grow. Your way explanation is very good. Keep it up 👍🏻.

Ap UN RU-vidrs sy uper ho mery Liye me aj sy ap ki videos dekhna strat kar di hn plz ap ye Kam jari rakhna ap ka hard work pay Kary ga ap ko ❤❤❤❤❤❤❤❤❤🎉🎉🎉🎉

Shukriya bhai bohat bohat thank you sooo much ap ke pass talent he camera mic sab a jaye gy ap ki mehnat rang laye gi bhai ap sab sy acha samjata ho please keep doing this

we will support you bro ❤

A wonderful tutorial and got my fundamentals more polished, a great way to explain the complex things in a simple way via this project

Thank You Bhai, I have learnt much more from this project. The way you explained the things are very superb. Keep it up bro 😍

Bhai apki eng weak hai fir bhi aapne boht achhe se sab topic ko samjha wow gr8 keep doing ❤

Your videos are so awesome 😎 I also want videos of Next Js tailwind css and mongo db. where next js is for frontend and backend with mongo db with server actions and api request Please make some projects also ❤😊 Full support from my side Iam saw your login page video that is good, make some more videos

Bestum Best Tutor!!! Very easy to track your code... Mujhe ek b error ni aya project bnaty huye .... Nice Sir!!!

Bossman i am amazed by the amount of knowledge u have .dear can u plz drop the roadmap and the sources from where u gained such knowledge it will be extremely helpful for tier 3 college students

This is master piece please next project complete SaaS based project using subscription based project.

sir you are a gem god bless you , praying for your growth!!!

bro we are approx same age but you are too good hats off to your way of teaching

great video bro..truly legend

Congratulations on 1000 subscribers 🎉

this is the best please make the whole clone everything us working fine. can you please cover notification frontemd and backend

to be honest bhai app bhut accha se samghta ho currenlty abhi adha hi bana h project aur ya latest bhi h abhi k hisab se hope ya pura ban jai i need it for my job rest thankyou bhai 🙏🙏. bki kahi stuck ho jau toh guide kar dena.

New subscriber ❤. Bhai This is a great project ..bas otp or email verification,reset and forget password karke aws per free mai host kardete toh aur achha hota.

Brother nice vdo approve learned all the things hppned in frontend part . Still to learn backend and forward ..

Aapka project explanation bhot accha hai 🔥🎉. Expected more MERN based advance projects. and voh bhaiya backend mein data modelling ka video lao an like konsa model kisse kaise connect hora hai and ref ka use karke kaise karte hai more models ko relate.

Project bahot accha hai. Video mai time stamps rahta to aur accha tha. Aur har feature add krte hue usko github per push bhee kr dijiye. That would we great

Bhot hi badiya content h bhaiya ⭐⭐⭐⭐⭐

aap data modelling and kaise ref ka use karke kaise ek dusre model se relation hota hai. vo ek video bana ke samjao bhaiya. aggregate pipeline. complex data modeling samjana.

Help me, I'm stuck on that point 5:46:11 in my redux state I get user details but I don't get the profile details the error shows in console is axios error Request failed with status code 401 ( Unauthorized )

bro awesome video just a request add timestamps to divide video sections properly for viewers convenience

tq patel saab love from karnatak...

finally completed the whole video

Patel bro you make my learning experiance like boom and your simplicity is too easy to understanding the concept and actually real thinking projectsscenario , you are teaching video like this are very usefull for me ....than you bro...please share your linkdin id

it was an amazing tutorial!! Please make a video on Google Docs ya google meet ka clone? Also your explanations are soooo goooodd!

Bhaiya ... Aaj maine complete banaliya... I have done within 10-15 days.

Needed this video for a long time. Bhaiya pichla project netflix meh thora problem ho gaya kyuki woh tmdb ka website hi down ho gaya par designing aur backend achi tarah sikha mein

I'm stuck on Request fail with status code 401 (unauthorized) - AxiosError at 5:07:31 during resolving origin issue. How to resolve it?

Nice work buddy 💯

Awesome Project bhaiya 🔥🚀

how can i achieve the notification functionality..can you please guide through it..and thank you for the tutorial was really informative and helpfull..

You have nice contents and You are great teacher.

i am getting error in cannot read the properties of undefine haedersent in node modules , how do i solve this

Thanks, Bhai, for such amazing content!

Thank u so much Dear friend 🥰 Me watching from Bangladesh🇧🇩.. May God also help u❣️

Plz make a one short 7-8 min video . How to deploy this full-stack project . Plz upload ASAP

in your delete tweet function, other user can also delete the tweet of other users, which is wrong, you should handle this case as well

thanx bro for such amazing explanation . ❤

i hope it gonna to better . i face so many problems while working with files , images , and videos . so if you can add some optimized features in this video , it'll be great helpful to me and others and i humble request you to add redis also for caching .

4:47:54 frontend started 6:23:26 user details from uid in tweet

Thank you, I almost completed, I wanted to ask you one thing what project you suggest to me to make after completing this tutorial, by myself what project should I make after this ?

bhai 18:21 pe main try kr rha hu, mere web hosting pe wo text nhi dikha rha jo maine components wali file mein likha hai, leftsidebar, feed aur rightsidebar. sab same to same steps kiye maine kam se kam 5-6 baar se jyada help

nice video keep it up

Thank you so much, SUBSCRIBED.

Bhot hi mast project hai bhaiya ❤🎉🔥💪

awesome.. plz bring more projects,,

Nice bro thanks for this video❤

Pls make one video for this project deployment

Bhiya why when we create project via vite creates issue's .. while simply via npx-create don't ? please reply bhiya

extended:true sabhi mein likhna hein kya 2:27:24

Bhai me Bangladesh 🇧🇩 se hoo .... Is video RU-vid ka best video he ..... Please next time messenger clone chaiye bhai❤❤❤

Your video was so helpful

bde bhai ki tarh hi pdhate ho bhaiya.....

Error is showing in Body.js file in RouteProvider saying use usestate... how to fix it?

❤ this channel kindly make a olx clone Pateel bhai ❤❤❤❤

it's amazing video 😍 thank a lot

Bhai apka projects bahut badia lag raha hai usko deploy karke bhi dikahao

bhaiya am getting error when am try to fetch the port number and mongodburl from .env file

Nice bro ❤

17:34 wah wah ab toh Netflix vala video bhi dekhna Banta hai 😂

Well Done Guy 💕💕💕💕

bro how you make this image in landscape 1:30:08 plz reply ar send image

awesome brother

bhai react native pe project banao ap bht acha smjhtay ho sir

Bro, can you create this project in MEAN Stack?

5:46:05 Bhai After doing all changes redux devtool mai User mai data dikha raha hai Par profile null dikha raha hai (redux toolkit mai) Aur localhost:3000/profile pe profile name undefined aa raha hai Kya karna padega ?

bro i am getting error while hitting the profile route because of isauthenticated middleware when i remove the middleware it is still hitting the api with the status code of 304 instead of 200

Tailwind effect nahi work kr rha mere meij bhaia kya karein?

very good video

Please make a video on how to deploy fullstack project

hyy thanks! please make video on uber and grow app clones

can you make a video how to deploy this it help better

Bhaiya ye krne ke baad meri knowledge kaafi to ho jaegi for full stack and also ye mere resume ke liye enough h na..as a best project🥹🥹 pls reply

Bhai agla project notes sharing app banao sahi rahega

1:51:36 pe aap twitter ka logo bada karne gaye the but aap Happening now bada kiye

Ismy kia reduxtoolkit or reduxtoolkit query use kia gia hn..??

bhiya 1 video bnao git hub se koi aisa project leke data base se connect kaise krte hai

HEY BROTHER CAN U PLS MAKE VIDEO ON MERN FULL STACK ONLINE MEETING APP

are you from gujarat ?

hi dear, am getting problem after i dont find localhost:8080, and also err_module_not_found, can you help me?

sir , please make notification and explore page also.

Sir humble request: Please build Full Stack Airbnb Clone with Next.js 14 App Router: React, Tailwind, Prisma, MongoDB, NextAuth 2024 which is responsive and records booking history and cancellation with proper reason

project done bro 😉

can you plzz help me to run this project code in my laptop how to run git hub code??

context api use ki hai esmy bro? or local storage use ki hai yah cookies?

theme & font you use? thanks

hello bhai ek ecommerce ka bhi project lao mern stack me

can anybody tell what things needs to be added in .env file

bro vercel pr deploy krne ke liye pricing plan buy krna pdega ya free ha ?

Source code work nhi kr rha hai😢 login page pe CANNOT READ PROPERTIES OF UNDEFINED (READING 'DATA') ye show ho rha hai . Please help ASAP