Build a Linkedin Clone with React and Node.js | Full Stack Tutorial

preview_player
Показать описание


Highlights:
🚀 Project Setup
🗄️ MongoDB Integration
💳 Stripe Payment Setup
🔐 Authentication System with JWT
✉️ Welcome Emails
🎨 Design with Tailwind & DaisyUI
🛡️ Data Protection
🤝 Connection Requests (Send, Accept, Reject)
📝 Creating and Sharing Posts
🖼️ Image Upload for Posts and Profiles
👤 Profile Creation and Updates
👥 Suggested Users Feature
👍 Like and Comment on Posts
📰 News Feed Algorithm
⌛ And a lot more...

Timestamps:
00:00:00 Demo App
00:01:22 Backend Setup
00:15:55 Sign Up Route
00:35:15 Mailtrap Setup & Send Welcome Emails
00:56:23 Login and Logout Routes
00:59:17 Protect Route Middleware
01:07:15 User Routes
01:29:09 Post Routes
01:54:27 Send Comment Notification Email
02:03:02 Notification Routes
02:09:10 Connection Routes
02:33:30 Frontend Setup (Tailwind, React Router, Layout etc.)
02:51:53 Sign Up Page
03:11:30 Protect Route in React
03:18:25 Navbar
03:31:23 Login Page
03:36:11 Home Page
04:47:15 Notifications Page
05:03:33 Network Page
05:15:09 Single Post Page
05:23:50 Profile Page
06:13:10 Detailed Deployment and subscribe :)
Рекомендации по теме
Комментарии
Автор

I completed my first e-commerce store project and deployed on render successfully. I optimized it and used components for almost everything like input field and button.
Thank You very much for your these great tutorials

abhishek
Автор

the amount of effort on the video is so surreal, this type of content took a very long time to make, I really appreciate your efforts, brother. This is going to look good in my git repo

x_kirito_x
Автор

Thank so much for the content. Would be great if you add typescript support and testing. Looking forward for it!

matheusferreira
Автор

This looks awesome! You should add that you use react query in the description I think many people are looking to learn that library so you could get some more viewers!

fistewie
Автор

Yet another great tutorial! Ive only done the backend part so far but had some fun with it. Added more validation using the zod package :) Thumbs up and a star on the github repo.

Lkacitron
Автор

Awesome course. I wished there was a separate video for the backend.
Some of us are just here for the backend which can be used for mobile frameworks like Flutter and Jetpack Compose.

austinevick
Автор

you're doing great job! Keep going!

Website_TV_
Автор

Project suggestion

Build simple saas product
Frontend : next Js react js
Backend : next Js
Backend : mongodb
E-Mail : email gun
Deployment on : Vercel
Payment : stripe

mrsecretstatus
Автор

Awesome please make part 2, adding stuff like redis and websocket please

mutasimahmed
Автор

well done great job, but in the later tutorial use the prisma and typescript i think this stack is best and most popular one now

darawan_omar
Автор

Hey Bro Your Channel is Best I finished Threads Clone But : You Must Enhance your content Like add Like JSM Content Creation Future in your content Then You Become Boosted

JourneyGoesOn
Автор

Good work brother I have learned A lot of things from you ♥️♥️♥️♥️

AmirYt-bs
Автор

Honestly this is the only channel i relate to

Steven-mtiv
Автор

We want a typescript tutorial bro..please. and after that, you can use TypeScript in your tutorials. It would be beneficial for all the people who want to learn MERN stack development because they'll have to use typescript in their job.

freakintruder
Автор

One doubt bro, how you create these things, how you think these please tell me you only sit or some teachers helping you

ArunPravin-oskp
Автор

Why am I not getting anything after I click on login button?

pratikdwivedi
Автор

can you add chat application with tanstack query, i had tried, but i cant

pastorjorgeaguilar
Автор

we are following your path, best regrets

doruktekel
Автор

Can you please name your VScode theme? It looks good

sivasundharv
Автор

now a question, how can i add a chat with sockets in this format

pastorjorgeaguilar
visit shbcf.ru