Build a Linkedin Clone with React and Node.js | Full Stack Tutorial
Try Mailtrap for free: https://l.rw.rw/as_a_programmer (Sponsored)
Diagrams: https://www.eraser.io (Sponsored)
Code: https://github.com/burakorkmez/linked... (Star it if you're cool 🌟)
MERN Stack Crash Course: • MERN Stack Tutorial For Beginners in ...
Discord for your questions: / discord
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 :)
Auf dieser Seite können Sie das Online-Video Build a Linkedin Clone with React and Node.js | Full Stack Tutorial mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer As a Programmer 10 September 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 17,337 Mal angesehen und es wurde von 940 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
