📊 Evolution Progress

Track your journey through the jungle. Every completed topic brings you closer to apex.

Current Stage

🥚 Egg

0 / 158 completed

🧬 DNA

0 / 95

🦴 Fossils

0 / 51

⚔️ Survival Challenges

0 / 12

🥚Egg

0 / 7 completed

🐣Hatchling

0 / 62 completed

🦖Dinosaur

0 / 71 completed

👑Apex

0 / 18 completed

🧬

DNA

🌐Web Browser

0/13

The Critical Rendering Path🦖

Browser Storage & Caching🥚

SSR vs CSR vs Universal Rendering🦖

Browser Storage Mechanisms🐣

DOM Performance & Why DOM Manipulation is Costly🦖

Browser Observer APIs🐣

Web Workers & Service Workers🦖

Browser Networking & Resource Loading🦖

Browser Security Model🦖

CORS Deep Dive🦖

Service Workers & Offline Strategies👑

Script Loading & Page Lifecycle Events🐣

How the Web Works: HTTP, REST & APIs🐣

🎨CSS

0/12

CSS Layout Systems🥚

CSS Architecture at Scale🦖

Selectors, Specificity & the Cascade🦖

Layout Systems: Flexbox & Grid🦖

CSS Architecture & Methodology🦖

Responsive Design & Fluid Layouts🐣

Animations, Transitions & Motion🦖

Modern CSS Features👑

Z-Index & Stacking Contexts🐣

The Box Model & CSS Positioning🐣

Pseudo-Classes vs Pseudo-Elements🐣

CSS Units: Absolute vs Relative🐣

📄HTML

0/9

Semantic HTML & Accessibility🥚

Forms & Validation Patterns🐣

Semantic HTML & Document Structure🐣

Forms, Validation & Input APIs🐣

Accessibility Deep Dive🦖

Web Components & Shadow DOM🦖

Media Elements & Iframes🐣

SEO, Meta Tags & Structured Data🐣

HTML5 Features & Platform APIs🐣

⚡JavaScript

0/21

Closures & Lexical Scope🥚

Closures, Scope & Execution Context🦖

The JavaScript Event Loop🐣

The Event Loop & Async Execution Model🦖

Prototypes & Inheritance🐣

Async Patterns🦖

Prototypes & The JavaScript Object Model🐣

The this Keyword & Execution Binding🐣

Async Patterns & Concurrency Control🦖

Memory Management & Garbage Collection🦖

Functional Programming Patterns in JavaScript🐣

ES Modules, Proxy, Generators & Modern JavaScript🐣

Currying & Partial Application🦖

Generators, Iterators & Symbols🦖

Proxy, Reflect & Metaprogramming👑

Error Handling & Debugging Patterns🐣

Event Propagation, Bubbling & Delegation🐣

DOM, BOM & Web APIs🐣

Data Types, Shallow/Deep Copy & Mutability🐣

Callbacks, Promises & Async/Await🐣

JavaScript Design Patterns🦖

🚀Performance

0/7

Core Web Vitals🐣

Core Web Vitals & Performance Metrics🦖

Bundle Optimization & Code Splitting🦖

Runtime Performance & Main Thread Optimization🦖

Rendering Performance & CSS Optimization🐣

Performance Monitoring, Budgets & Culture🦖

Image, Video & Font Optimization🐣

⚛️React

0/11

React Core Fundamentals🥚

Hooks Deep Dive🥚

Performance Optimization🐣

Advanced React Patterns🐣

Async & Data Fetching🐣

State Management🐣

Browser & Performance Concepts🐣

Frontend System Design🦖

Accessibility in React🐣

Edge Cases, Debugging & Trick Questions🦖

Real Coding Challenges🦖

🏗️System Design

0/9

Component Architecture👑

Frontend System Design Framework👑

Component Architecture & Design Systems🦖

State Management Architecture👑

Data Fetching & Caching Strategies🦖

Micro-Frontends Architecture👑

Real-Time Architecture🦖

Authentication & Security Architecture🦖

Frontend Testing Architecture🦖

🔷TypeScript

0/8

Advanced TypeScript Patterns🦖

TypeScript in React🐣

TypeScript Type System Fundamentals🐣

Generics & Conditional Types🦖

Utility Types & Template Literal Types🦖

Type Guards & Narrowing🦖

Declaration Files & Module Augmentation🦖

TypeScript Patterns at Scale👑

📦Webpack & Build Tools

0/5

Webpack Core Concepts🐣

Loaders, Plugins & Module Resolution🦖

Code Splitting & Tree Shaking🦖

Dev Server, HMR & Source Maps🐣

Webpack vs Vite vs Turbopack🦖

🦴

Fossils

Implement Promise.all🦖

Implement Deep Clone🐣

Implement Event Emitter🦖

Implement Memoize🐣

Implement bind, call, and apply🦖

Implement Observable / Reactive Store🦖

Implement a Virtual DOM🦖

Implement a Simple Client-Side Router🦖

Implement Promise.race, Promise.any & Promise.allSettled🦖

Implement Array Methods (map, filter, reduce, forEach, flat)🐣

Implement Fetch API Wrapper & AbortController🦖

Implement Promise from Scratch👑

🧠Conceptual

0/12

How Does the JavaScript Event Loop Work?🦖

Explain the Virtual DOM🐣

Explain Closures and this🐣

Explain CSS Specificity🥚

Explain the Critical Rendering Path🦖

Common JavaScript Memory Leaks🐣

How Would You Optimize a Slow Web App?🦖

Why is DOM Manipulation Costly?🐣

CSS Specificity & Architecture🐣

CSS Specificity and Layout Explained🐣

Frontend System Design Interview Approach👑

TypeScript Generics Explained🦖

🛠️Machine Coding

0/7

Build a Star Rating Component🐣

Build an Autocomplete / Typeahead Search🦖

Build a Todo List with Full CRUD🐣

Build Infinite Scroll🦖

Build Tic-Tac-Toe🐣

Build a Progress Bar with Controls🐣

Build a Kanban Board with Drag & Drop👑

⚛️React Patterns

0/10

React Core Fundamentals Interview Questions🐣

Hooks Interview Questions🦖

Performance Optimization Interview Questions🦖

Patterns & State Management Interview Questions🐣

Async & Data Fetching Interview Questions🦖

Frontend System Design Interview Questions🦖

Browser & Performance Interview Questions🐣

Accessibility Interview Questions🐣

Edge Cases & Trick Questions🦖

React Coding Challenges & Code-Based Questions🦖

🌐Web Platform

0/8

Explain CORS and How to Debug It🐣

Web Accessibility for Senior Engineers🦖

SSR vs CSR vs Static Generation🦖

Compare Browser Storage Mechanisms🐣

Browser Observer APIs & Implementation🐣

Web Workers & Service Workers Explained🦖

HTML Accessibility Explained🐣

Webpack and Bundlers Explained🦖

⚔️

Survival Challenges

🏛️Architecture

0/3

Design a Micro-Frontend Architecture👑

State Management at Scale🦖

Food Ordering App Architecture👑

📊Data-Intensive

0/3

Design a Real-Time Analytics Dashboard👑

Build a Virtualized Data Table🦖

Image Gallery with Search & Virtualization👑

⚡Real-Time

0/3

Design a Collaborative Text Editor👑

Design a Chat Application🦖

Real-Time Poll Widget🦖

🧩UI Systems

0/3

Design a Design System👑

Design a Scalable Component Library🦖

Nested Comment Widget👑