Front-end Interview Questions and Answers

---

A collection of commonly asked questions for Frontend Developers

Show your support by giving a ⭐ to this repo

---

Overview of the Repo

Frontend Interview Questions is an interactive interview preparation platform built using Next.js and Markdown-driven content.

All content is authored in simple .md files. These markdown files are parsed at build time and transformed into a rich user experience featuring:

• Question navigation
• Accordion-based answers
• Syntax highlighted code blocks
• Dark mode support
• Topic-wise categorization

🚀 Website is Live on: Frontend Interview Questions

---

Front-end Interview Questions with Answers by topic

• JavaScript

  • Theoretical Questions

• React

  • Theoretical Questions

• HTML & CSS

  • HTML Questions
  • CSS Questions

---

Features

• 📚 Topic-wise interview questions
• ⚛️ React Concepts
• ⚡ JavaScript Concepts
• 🏗️ HTML Questions
• 🎨 CSS Questions
• 🌙 Dark Mode
• 📖 Markdown-based content management
• 📝 Code snippets with syntax highlighting
• 🔍 Quick question navigation

---

How the App Works

Content Layer

All interview questions are stored as Markdown files inside the content directory.

Example:

content/
├── react-concepts.md
├── javascript-concepts.md
├── html-questions.md
└── css-questions.md

---

Parsing Layer

The application reads Markdown files from the filesystem using:

fs.readFile()

The content is then parsed using a custom parser:

parseMarkdownToQuestions()

The parser extracts:

• Question Number
• Question Title
• Answer Content

and converts them into structured objects that can be rendered inside the UI.

---

🛠️ Tech Stack

---

Running Locally

git clone
npm install
npm run dev

Application will be available at:

http://localhost:3000

---

License

This project is licensed under the MIT License.

---

If this project helps you prepare for interviews, consider giving it a ⭐