React Node Twitter Clone App PART 3 Final Full Tutorial (Redux, TailwindCSS) | MERN Stack App

Опубликовано: 03 Май 2026
на канале: Oliver the DEV

5,334

119

Build a Fullstack Twitter Clone from scratch using React, Node, Redux, JWT and more.

📑FREE Modern Next.js 15+ Guide: https://oliverthedev.com/next15guide
🚀The Ultimate Modern Next.js Complete Course 2024: https://www.udemy.com/course/ultimate...

💡 OLIVER THE DEV COMMUNITY:
https://nas.io/oliver-the-dev (Support me for the price of a coffee & get exclusive content and resources for career advancement)

✅ SUBSCRIBE SO YOU DON’T MISS ANY TUTORIALS
   / @oliverthedev

📌Link to Project File: https://github.com/oliver-gomes/twitt... (Give a Star ⭐)

This tutorial series we are going to build Twitter Clone with React, Redux, Node, Mongodb and Firebase.

This is Part 3 of the series
Part 1 Backend:    • React Node Twitter Clone App PART 1 Backen...
Part 2 Frontend:    • React Node Twitter Clone App PART 2 Fronte...

In this Part 3, we will start adding in Frontend with Backend and start implementing features that read/write to our Database. We will then implement Redux to manage state in our Frontend App then move on to add new components to adhere to new features on each of our page. This is going to be super fun and also feel free to add your own touch to it while at it 😄

In this full series, you'll learn:
React
React-Redux
Node.js
Database (Mongodb, Firebase)
Testing backend features with Postman
Authentication (JWT Tokens, Cookies)
Styling with Tailwind CSS
React Router Dom v6

◼️Github: https://github.com/oliver-gomes

📍Connect with me:
Twitter:   / oliver_thedev
Instagram:   / oliverthedev
Twitch:   / oliver_thedev

Timestamps:
00:00 Introduction
03:00 Setting up Fullstack
04:30 SignIn Page
12:25 Adding Redux
25:10 SignIn Page + Redux
34:10 Adding Redux Persist
40:00 Home Page
47:00 TimelineTweet Implement
55:25 Tweet Implement
1:18:09 MainTweet Implement
1:23:40 Explore Page & ExploreTweet
1:31:37 Profile Page
1:45:00 EditProfile Implement
1:49:26 Firebase Storage Setup
1:50:27 Firebase Image Upload Setup
2:11:18 Database Update for Profile Picture
2:15:08 LeftSideBar Update
2:15:33 handleFollow Implement
2:24:11 UserPlaceHolder Implement
2:29:20 Finish App Demo
2:30:58 Outro

#reactjs #nodejs #mernstack #twitter