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 :)
Смотрите видео Build a Linkedin Clone with React and Node.js | Full Stack Tutorial онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь As a Programmer 10 Сентябрь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 17,337 раз и оно понравилось 940 людям.