Hack Frontend: Frontend Interview Preparation Platform

Hack Frontend is a platform for frontend interview preparation. Theory, practice and knowledge checks in one place.

The platform includes 200+ interview question breakdowns, problems from real interviews at top companies, JavaScript quizzes and 530+ flashcards to reinforce your knowledge.

---

What the Platform Offers

🧭 Preparation Roadmap

Roadmap — a structured preparation plan. Three directions: theory, practice and knowledge check. Each topic links to specific articles, problems or flashcards. Progress is tracked automatically, and you can skip topics you already know.

The roadmap shows you where to start and what to study next.

📚 Knowledge Base

Knowledge Base — breakdowns of popular interview questions. Each article contains explanations, code examples and practical tips.

Sections:

• HTML & CSS — selectors, positioning, Flexbox, Grid, responsive design
• JavaScript — data types, closures, promises, event loop, prototypes
• TypeScript — typing, generics, utility types, conditional types
• React — hooks, Virtual DOM, render optimization, patterns
• Next.js — SSR, SSG, ISR, App Router, Server Components, caching
• Vue — reactivity, Composition API, directives
• Angular — modules, DI, RxJS, Change Detection
• Redux — Redux Toolkit, middleware, thunks
• General Questions — HTTP, browser, security, performance
• Architecture and Patterns — FSD, SOLID, DRY, design patterns

💻 Problems

Problems — practice with problems from real interviews. Built-in IDE, instant solution checking, progress tracking.

• JavaScript Problems — JavaScript problems from real interviews
• What Will Be Logged? — problems on event loop, closures, promises, prototypes and other JS nuances
• React Problems — practical React problems from real interviews
• TypeScript Problems — problems on typing, generics and utility types
• Promise Problems — problems on promises and async patterns

📝 Knowledge Check

Knowledge Check — 530+ flashcards by category. Works like language learning cards, but for frontend interviews. Question on one side, detailed answer on the other.

Categories: JavaScript, React, TypeScript, HTML/CSS, Vue, Angular, Redux, general questions.

---

How to Get Started

1. Open the roadmap and pick a direction
2. Study theory through the roadmap links
3. Solve problems to reinforce what you learned
4. Test yourself with flashcards
5. Track your progress and revisit weak topics

---

Join Hack Frontend Community on Telegram and subscribe to our YouTube channel with interviews of developers from top companies.