🚣️ Frontend Interview Roadmap

A dynamic path to help frontend engineers grow, prepare for interviews, and sharpen their skills.

View Projects on GitHub

HTML & CSS

Beginner

Semantic HTML

CSS Flexbox & Grid

Responsive Design

Accessibility (a11y)

Media Queries

CSS Variables & Custom Properties

JavaScript

Intermediate

Closures & Scope

ES6+ Features

Promises & Async/Await

DOM Manipulation

Event Loop & Microtasks

Prototypes & Inheritance

React

Advanced

Components & Props

Hooks (useState, useEffect, etc.)

Routing & State Management

Performance Optimization

React Context & Redux

React Server Components

System Design

Advanced

CSR, SSR, SSG

Component Architecture

Code Splitting & Lazy Loading

Caching & CDN

API Design Patterns

Coding Challenges

Essential

Data Structures & Algorithms

Array/String/Object Problems

Big O Notation Basics

Recursion & Backtracking

LeetCode/Codewars Practice

Projects & Portfolio

Practical

Build 2–3 solid projects

Deploy using Vercel/Netlify

Write tech blogs

Create a personal portfolio

Showcase GitHub contributions

Mock Interviews

Polishing

Practice with peers or platforms

Improve communication skills

Analyze and learn from feedback

Record yourself to self-evaluate

🚀 Keep building, stay curious, and dont forget to showcase your journey through blogs and projects.