Hemanth.
Back to Feed
2024Full Stack

InterviewPrep: Full Stack Quiz App

A comprehensive learning platform allowing users to master core programming topics through interactive quizzes and curated study materials.

Source

Rationale

Why InterviewPrep? This app was born from the need for a centralized, interactive platform to revise programming fundamentals for interviews. Rather than sifting through scattered resources, InterviewPrep offers a structured, user-friendly solution to prepare with confidence.

Tech Stack

ReactTypeScriptNestJSTailwind CSSAxios

Key Highlights

  • ▹Hyper-detailed, structured learning content across 10 core programming topics (DSA, OOPS, React, etc.).
  • ▹Topic-wise interactive quizzes with randomized and All-in-One testing modes.
  • ▹Modular NestJS backend providing dedicated REST endpoints for learning content and question retrieval.

Architecture Details

A classic decoupled architecture leveraging NestJS for a highly modular backend.

1. NestJS Backend Structure

  • Built with strictly typed controllers and services, leveraging DTOs and Class-Validator for robust API validation.
  • Exposes structured REST APIs for retrieving randomized quiz sets or focused, syntax-heavy learning content.

2. React + TypeScript Frontend

  • A responsive, Glassmorphism-based UI developed using Tailwind CSS.
  • Component-based architecture with React Router for seamless navigation between topic hubs and active quiz sessions.