MENU

Fun & Interesting

MERN Stack Twitter: Build and Deploy a Full Stack Twitter Clone with React, Node.js and MongoDB

Codesistency 131,320 12 months ago
Video Not Working? Fix It Now

My 100 HOURS Udemy Course: https://www.udemy.com/course/the-web-dev-bootcamp/?referralCode=813BDEAF8C4F27ED6E74 Source Code: https://github.com/burakorkmez/twitter-clone (Stars appreciated⭐) Join the Discord to ask your questions: https://discord.gg/YFn2WyheZV Here are some of the features 👇 ⚛️ Tech Stack: React.js, MongoDB, Node.js, Express, Tailwind 🔐 Authentication with JSONWEBTOKENS (JWT) 🔥 React Query for Data Fetching, Caching etc. 👥 Suggested Users to Follow ✍️ Creating Posts 🗑️ Deleting Posts 💬 Commenting on Posts ❤️ Liking Posts 🔒 Delete Posts (if you are the owner) 📝 Edit Profile Info 🖼️ Edit Cover Image and Profile Image 📷 Image Uploads using Cloudinary 🔔 Send Notifications 🌐 Deployment ⏳ And much more! This tutorial is packed with exciting features and uses modern technologies to bring you the ultimate Twitter experience. Turn on notifications and stay tuned for updates! 🎉 Timestamps: 00:00:00 Demo 00:06:23 (1st) Project Setup 00:26:48 (1st) Auth Routes and Controllers 01:09:00 (1st) User Routes && Controllers 01:51:20 (1st) Post Routes && Controllers 02:30:40 (1st) Notification Routes && Controllers 02:45:00 (2nd) UI Design 03:31:18 (3rd) Auth in React && Protected Routes 04:10:58 (3rd) GET Posts in Home Page 04:17:50 (3rd) DELETE Posts 04:24:42 (3rd) CREATE Posts 04:32:25 (3rd) GET Suggested Users 04:36:40 (3rd) Follow && Unfollow 04:45:35 (3rd) Like Post 04:58:40 (3rd) Comment on a Post 05:05:10 (3rd) Notifications Page 05:13:00 (3rd) Profile Page 05:24:55 (3rd) Update User Profile 05:39:40 (3rd) Code Optimization 05:47:30 (4th) Deployment LINKS X(Twitter): https://twitter.com/asaprogrammer_ Support: https://www.buymeacoffee.com/burakorkmezz That was a lot of work. Thanks for watching! #reactjs #nodejs #webdevelopment

Comment