🚀 Frontend Interview Prep

👨‍💻 Who This Is For

This is created for personal use for revision, once done will reshape for public use.

Built topic by topic — theory, examples, and machine coding from scratch.

---

Table of Contents

• DSA in JavaScript
• JavaScript Core
• Machine Coding Problems
• Notes
• Playground

---

DSA in JavaScript

Folder: dsa-javascript/

• Basics — notes · code-snippet.js
• Algorithms
  • Frequency Counter — notes · frequency-counter.js
  • Sorting Algorithms
    • bubble-sort.js
• Data Structures
  • Binary Tree — notes · binary-tree.js

---

JavaScript Core

Folder: Javascript/

• call / bind / apply — notes · polyfill.js
• Data Types
  • Primitive
  • Non-Primitive
    • Map
    • Set
    • Symbol
• Math — notes
• Promises
  • Promise basics
  • Advanced & tricky questions
  • Polyfill — notes
  • Polyfill — code

---

Machine Coding Problems

Folder: machine-coding-problems/

Vanilla JS

• Auto-complete Search Bar — folder

• Star Rating Component — folder

React

• 🚧 Coming soon — machine-coding-problems/react/

---

Notes

Folder: notes/

Networking

• CORS
• HTTP Headers
• Status Codes

React

• Basics
• Tricky Interview Questions

Browser

• 🚧 Coming soon — notes/browser/

Performance

• 🚧 Coming soon — notes/performance/

Security

• 🚧 Coming soon — notes/security/

---

Playground

Live demo apps — to run the concepts, not just read about them.

Frontend (Next.js)

Folder: Playground/frontend/ · README

Real-time Communication

• Polling — folder

  • Polling notes

• Server-Sent Events — folder

  • SSE notes

• WebSocket — folder

Machine Coding (React)

• CSV File Analyser — folder

  • Web Worker
    • webworker notes

• Smart Product Search Feed — folder

  • Question / Spec

Backend (Express)

Folder: Playground/backend/