Build a Social Media App With React, Nextjs, Tailwind, TypeScript, Redux, Firebase (Premium Course)
Learn how to work with me to get into your first coding job: https://www.asapfrontend.com?utm_sour...
DM me if you have any questions:
/ imanwmusa
CHAPTERS:
00:00 - Intro
02:32 - Tech Stack and Tailwind CSS Introduction
07:40 - Setting Up the Project
09:37 - Building the Sidebar
43:25 - Creating the Post Feed
58:09 - Setting Up Profile Picture
58:25 - Creating Post Header
59:02 - Styling Post Header
59:28 - Adding Post Content
01:02:33 - Implementing Responsiveness
01:06:57 - Adding Post Icons
01:12:36 - Building Widgets Tab
01:13:01 - Creating Search Bar
01:15:36 - Styling Trending Topics
01:20:51 - Who to Follow Section
01:26:58 - Finalizing Widgets Tab
01:31:08 - Adding Signup Prompt
01:42:14 - Building Modals with Material UI
01:50:47 - Setting Up Redux Store
01:56:51 - Creating the Modal Slice
01:57:19 - Defining Modal States
01:58:04 - Implementing Reducers for Modal Actions
01:59:06 - Integrating Modal Slice with Redux Store
02:00:22 - Using Redux State in Signup Modal Component
02:04:44 - Styling the Signup Modal
02:18:57 - Creating the Login Modal
02:22:17 - Setting Up Firebase Authentication
02:23:23 - Using Environment Variables for Firebase
02:29:36 - Handling User Sign Up with Firebase
02:34:54 - Syncing User State with Redux
02:50:01 - Displaying User Info in Sidebar
02:57:03 - Implementing User Sign Out
02:58:10 - Resetting User Slice in Redux
02:58:45 - Handling Client and Server Components
02:59:53 - Implementing Sign Out Functionality
03:02:42 - Updating User Profile with Firebase
03:10:23 - Login Functionality
03:13:50 - Guest Login Implementation
03:17:10 - Styling User Info Component
03:19:29 - Setting Up Firestore Database
03:21:02 - Creating and Posting Data
03:28:06 - Fetching and Displaying Posts
03:40:42 - Building Comment Modal
04:02:10 - Setting Up Comment Details
04:04:03 - Displaying Comment Details in Modal
04:05:37 - Sending a Reply
04:10:22 - Creating Dynamic Routes
04:12:27 - Styling the Dynamic Route Page
04:25:32 - Fetching Post Data from Firebase
04:36:43 - Implementing Like
Want to build a real-world full-stack social media app in 2025? In this free 5-hour coding project, you’ll learn how to create a complete Twitter-style app using React, Tailwind CSS, Firebase, Redux, and Material UI — all from scratch. Perfect for anyone serious about becoming a frontend developer or landing a six-figure web development job.
Follow along step-by-step as we build modern UI components, implement authentication, manage global state with Redux, use Firebase Firestore for real-time data, and deploy the project to Vercel. By the end of this video, you'll have a job-ready project to showcase in your portfolio.
OTHER SOCIALS
TikTok: / imanwmusa