From Project Setup to a Responsive Social Feed

This is a hands-on, low-cost practical course where you start building a social media application UI using a modern stack: React, Next.js, Tailwind CSS, TypeScript, with Redux and Firebase introduced as part of the full application direction.

The focus is on real layout building, not theory. You’ll set up the project correctly, build core UI sections, and finish with a fully responsive interface, just like in real-world products.

What you get

• A clear introduction to a modern frontend tech stack

• Practical experience with Tailwind CSS in a real project

• A complete social media UI layout you can extend further

• A strong foundation for scaling the app with state and backend later

What you’ll build / cover

Tech Stack & Tailwind CSS Introduction

• Overview of the project stack and architecture

• How Tailwind fits into modern frontend workflows

Project Setup

• Setting up a Next.js + TypeScript project

• Basic folder structure and layout planning

Core UI Layout

• Building the sidebar navigation

• Creating the main post feed layout

Post Components

• Setting up profile pictures

• Creating and styling the post header

• Adding post content with proper structure

Responsive Design

• Making the layout work across screen sizes

• Implementing responsive behavior with Tailwind