Frontend Engineering
Modern, responsive interfaces with React and TypeScript. Component architecture, state management, and API integration.
Beginner
CSS Flexbox and Grid — Complete Layout Guide
Master CSS Flexbox and CSS Grid with practical examples. Build responsive navbars, card grids, holy grail layouts, and understand when to use each.
CSS Fundamentals: Styling the Web
Master CSS from first principles — selectors, the box model, display, positioning, colors, fonts, and building a polished card component.
Build a Portfolio Website — Complete HTML & CSS Project
Build a complete personal portfolio website from scratch: HTML structure, CSS styling, responsive design, dark mode, and a working contact form.
HTML Fundamentals: Building the Web's Structure
Master HTML from the ground up — DOCTYPE, semantic elements, forms, accessibility, and building a complete personal bio page.
JavaScript Arrays and Objects — Complete Guide with Modern Patterns
Master JavaScript arrays (map, filter, reduce, destructuring) and objects (literals, spread, optional chaining) with real-world examples.
Async JavaScript — Promises, Async/Await, and the Fetch API
Master async JavaScript: understand the event loop, Promises, async/await, error handling, Fetch API, and AbortController for cancellation.
JavaScript DOM Manipulation — Select, Create, and Handle Events
Learn to manipulate the DOM: select elements, create/remove nodes, handle events (click, submit, keyboard), event delegation, and build interactive UIs.
JavaScript Variables, Types, and Functions — The Complete Beginner's Guide
Master JavaScript fundamentals: var/let/const, all data types, type coercion, template literals, functions, scope, and closures with practical examples.
Build a Weather App — JavaScript Project with Fetch API
Build a complete weather app from scratch using HTML, CSS, and JavaScript. Fetch real data from OpenWeatherMap, show forecasts, handle errors, and save last city to localStorage.
Responsive Web Design — Media Queries, Mobile-First, and Fluid Typography
Build websites that work on every screen size. Learn media queries, mobile-first design, fluid typography with clamp(), responsive images, and CSS container queries.
TypeScript: Zero to Hero
Master TypeScript from scratch — types vs interfaces, union & intersection types, generics, utility types, type narrowing, discriminated unions, and TypeScript patterns used in production React and Node.js codebases.
React Core Fundamentals: JSX, Components, State & Props
Master React's foundational concepts — JSX, Virtual DOM, class vs functional components, props, state, and lifecycle — with real-world examples from production apps.
React Development Environment Setup: Vite, VS Code & Tooling (2026)
Set up a professional React development environment from zero — Node.js, package managers, Vite vs Next.js, VS Code extensions, ESLint, Prettier, path aliases, and Git hooks.
React Interview Questions: Junior Level (0–2 Years)
50 React interview questions with detailed answers for junior developers — JSX, components, props, state, hooks basics, and lifecycle. Includes what interviewers really want to hear.
Intermediate
React + TypeScript + AWS Amplify: Build a Serverless Frontend
Connect a React/TypeScript frontend to AWS backends using Amplify — configure Auth with Cognito, call API Gateway endpoints, manage environment configs, and deploy to S3 + CloudFront.
Real-Time Call Analytics Dashboard with React & AWS
Build a live call analytics dashboard for a contact center — real-time queue metrics via API polling and WebSockets, historical charts with Recharts, agent performance tables, and DynamoDB Streams for live updates.
Vue 3 Components Deep Dive: Props, Emits, Slots & Lifecycle
Master Vue 3 component patterns — defineProps and defineEmits with TypeScript, v-model on custom components, named and scoped slots, provide/inject, component lifecycle hooks, and async components.
Vue 3 Composables: Reusable Reactive Logic
Build reusable composables in Vue 3 — extract data fetching, form handling, WebSocket connections, infinite scroll, and debounced search into clean, testable, typed composable functions.
State Management with Pinia in Vue 3
Master Pinia — Vue 3's official state management library. Define stores with the Composition API style, handle async actions, persist state to localStorage, use store-to-store composition, and test stores with Vitest.
Vue Router 4: Navigation, Guards, Lazy Loading & Meta Fields
Build multi-page Vue 3 apps with Vue Router 4 — define routes, use dynamic segments, implement navigation guards for auth, lazy-load route components, use route meta fields, and handle nested layouts.
Testing Vue 3 with Vitest & Vue Test Utils
Write comprehensive tests for Vue 3 apps — unit test components with Vue Test Utils, test Pinia stores, mock composables and API calls with Vitest, test async behavior, and set up a CI test pipeline.
TypeScript with Vue 3: Full Type Safety Across Your App
Integrate TypeScript throughout a Vue 3 application — typed component props and emits, typed Pinia stores, typed Vue Router, typed API clients, generic components, and strict tsconfig for maximum safety.
Next.js App Router: The Complete Guide
Master Next.js 15 App Router — Server Components, Client Components, data fetching, caching, routing, layouts, loading states, API routes, authentication, and deployment. With real production patterns.
React Forms & Validation: React Hook Form + Zod in Production
Build bulletproof forms with React Hook Form and Zod — schema validation, nested fields, file uploads, multi-step forms, async validation, and accessibility best practices.
React Hooks Deep Dive: useState, useEffect, useCallback, useMemo & Custom Hooks
A complete guide to React hooks with real-world patterns — from basic useState to writing production-grade custom hooks for data fetching, forms, and UI state.
React Internationalization (i18n): react-i18next & Multi-Language Apps
Build production-ready multilingual React apps — setting up react-i18next, handling translations, pluralization, date/number formatting, RTL layouts, and lazy-loading locale files.
React Interview Questions: Mid-Level (2–4 Years)
40 React interview questions with answers for mid-level developers — hooks deep dive, performance, patterns, routing, Redux, testing, and TypeScript. What senior interviewers probe for.
Build a Full-Stack Task Manager App with React, TypeScript & React Query
Step-by-step project tutorial — build a production-quality task manager from scratch: authentication, CRUD operations, drag-and-drop, filtering, optimistic updates, and deployment.
React State Management: Redux Toolkit, Context & Zustand
When and how to use Redux — from vanilla Redux patterns to Redux Toolkit (RTK), RTK Query for data fetching, and when simpler alternatives like Zustand or Context are better.
React Router Complete Guide: Navigation, Nested Routes & Protected Routes
Master React Router v6+ — client-side routing, nested routes, dynamic segments, protected routes, data loading, and programmatic navigation with real app examples.
React Testing: Jest, React Testing Library & Best Practices
Write tests that actually catch bugs — unit, integration, and user interaction testing with Jest and React Testing Library, including async testing, mocking, and CI strategies.
TypeScript with React: Types, Generics & Production Patterns
Master TypeScript in React — prop typing, event handlers, generic components, discriminated unions, utility types, and patterns that eliminate runtime errors before they happen.
Advanced
React Senior Interview: Every Concept Explained with Real-World Analogies
Virtual DOM, hooks, state management, performance, concurrent features, server state — every senior React question answered with the mental model that makes it click. Real examples from production apps.
Scaling React for Enterprise Teams: The Complete Playbook
Scaling React isn't about adding more components. It's about building a codebase 50 developers can work in without chaos. This covers project structure, component architecture, state management, performance, testing, and team practices — with real patterns used in production.
React Advanced Patterns: HOCs, Context, Compound Components & Performance
Production-ready React patterns — Higher Order Components, Context architecture, compound components, React.memo, code splitting, and Suspense with real app examples.
React Interview Questions: Senior Level (4+ Years)
30 advanced React interview questions with in-depth answers for senior developers — Fiber architecture, concurrent rendering, RSC, design systems, performance profiling, and system design.
React Performance Optimization: Profiling, Memoization & Concurrent Features
Identify and fix real React performance bottlenecks — using the Profiler, fixing unnecessary re-renders, virtualization for large lists, Web Vitals, and React 18 concurrent features.