Build a Social Media App With React, Nextjs, Tailwind, TypeScript, Redux, Firebase (Premium Course)

Video Description

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_source=youtube&utm_medium=apr-2025&utm_campaign=Build+a+Social+Media+App+With+React%2C+Nextjs%2C+Tailwind%2C+TypeScript%2C+Redux%2C+Firebase+%28Premium+Course%29 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: https://www.tiktok.com/@imanwmusa