Objective: Create fast, responsive UIs using utility-first Tailwind CSS.

Live Class 1: Tailwind Fundamentals
Responsive utilities, typography, spacing | Configuring custom themes

Live Class 2: Component Styling in Practice
Buttons, cards, layout grids, hover/focus states | Dark/light mode toggle with Tailwind

Project: Auth UI Screens (signup/login)

Objective: Set up a scalable dev environment and reinforce key JavaScript skills.

Live Class 1: Developer Environment & Tools
VSCode setup, Git/GitHub workflows | CLI tools: pnpm, Vite | Folder structures, ESLint + Prettier

Live Class 2: JavaScript Essentials for React
ES6+ syntax, array methods, destructuring | Async/await and fetch

Project: Interactive Hero Section (theme toggle, Tailwind)

Objective: Learn foundational concepts of React and state-driven UIs.

Live Class 1: React Basics – JSX, useState, Props
Functional components, event handling

Live Class 2: useEffect, Lists, Conditional Rendering
Side effects, mapping data, toggling UI

Project: To-Do App with Dynamic State

Objective: Structure clean, reusable UI components for scalability.

Live Class 1: Atomic Design Principles
Component hierarchies, composition patterns

Live Class 2: Props, Children, Component Reuse
Folder structure, separation of concerns

Project: Dashboard Widgets UI

Objective: Level up TypeScript proficiency to confidently handle complex types, generics, and reusable patterns.

Live Class 1: Advanced Typing Patterns
Discriminated unions, type narrowing, utility types (Partial, Pick, Omit, Record) | Intersection types and conditional types | Extending third-party types

Live Class 2: Generic Components and Inference
Generic functions and components | Inferring types from props, responses, and API layers | Type guards and exhaustive checks

Project: Type-Safe Form Builder or API Layer
Create a reusable form schema OR
Build a typed wrapper around fetch API with error types and response inference

Objective: Use TypeScript for safe, maintainable frontend development.

Live Class 1: TypeScript Fundamentals
Types, interfaces, enums, inference

Live Class 2: Typing React Props, Hooks, Events
Generic types, event types

Project: Task Manager with TS & Filters

Objective: Manage app-wide state and abstract reusable logic.

Live Class 1: Context API & Reducers
Global state, dispatch pattern

Live Class 2: Zustand + Custom Hooks
Store setup, sync with localStorage

Project: Pomodoro Timer with Global State