DailyPrep – Master Interviews in 10 Minutes a Day

DailyPrep is a full‑stack web application built to transform the way people prepare for tech interviews.
The concept is simple – instead of spending hours searching for relevant questions, users can dedicate just 10 minutes a day to practice with a set of 5‑10 expertly curated interview questions, each accompanied by audio explanations in Hinglish for quick, on‑the‑go learning.
There are no sign‑ups, no distractions – just pure, focused preparation.

Features

• Daily Curated Interview Questions – 5–10 hand-picked questions each day
• Audio Explanations – Understand concepts on the go
• No Signup Required – Jump straight into learning
• Suggestion Box – Share your feedback & ideas anonymously
• Gamification – Track streaks, earn badges, and increase your total question count
• Admin Panel – Manage questions, view visitor stats, and suggestions
• Visitor Analytics – Daily, Weekly, Monthly charts for engagement tracking
• Performance Optimised – Lazy loading, React.memo, and chart rendering optimisations

screenshot-

Tech Stack

Frontend:

• React 18 + Vite
• Tailwind CSS for styling
• Recharts for data visualisation
• React Router for routing
• Sonner for notifications

Backend:

• Express.js
• Firebase (Firestore for data storage)
• SendGrid for subscription emails

Tools & Libraries:

• Axios for API requests
• Lucide React for icons

---

Performance Audit

We benchmarked the app using Google Lighthouse before and after our performance optimisations
(React.memo + route-level React.lazy loading for Admin Panel).

Optimisations Applied

• React.memo on heavy components (VisitorStatsChart) to prevent unnecessary re-renders
• Dynamic imports + React.lazy with Suspense for Admin Dashboard routes (code-splitting)
• Reduced Total Blocking Time by deferring heavy JS parsing
• Minified component props & reduced reactivity overhead

Results Overview

Page & Mode	LCP Before	LCP After	Improvement
Landing – Mobile	2.2 s	1.9 s	13.6% faster
Admin – Desktop	1.2 s	0.5 s	58.3% faster

---

📷 Lighthouse Reports

Getting Started

1. Clone the repo

git clone https://github.com/yourusername/dailyprep.git cd dailyprep 2. Backend setup Bash

cd server npm install Configure .env with your Firebase and other API keys Start backend: Bash

npm start 3. Frontend setup Bash

cd ../client npm install Configure VITE_API_URL in .env to point to your backend Start frontend: npm run dev

In summary, DailyPrep is a fast, intuitive, and habit‑forming interview prep solution that combines useful daily content, interactive features, admin control, and consistent performance optimisation. With its clean UI, real‑time updates, and focus on habit‑building, it’s designed to help learners stay motivated and make measurable progress in short, daily sessions – preparing them for interviews the smart way, not the hard way.