SSC Exam Prep Hub

A modern mock test platform for SSC CGL 2026 and SSC CHSL 2026 aspirants.

Quick Start

cd ssc-exam-prep-hub
npm install
npm run dev

Open http://localhost:5173 in your browser.

Project Structure

src/
├── App.jsx                  # Router + layout
├── styles/global.css        # Design tokens + utilities
├── data/
│   ├── cgl-tests.json       # 20 CGL tests (editable)
│   ├── chsl-tests.json      # 20 CHSL tests (editable)
│   └── questions.js         # 100 questions + EXAM_CONFIG
├── components/
│   ├── Header/
│   ├── ExamCard/
│   ├── TestCard/
│   ├── Timer/
│   ├── QuestionPalette/
│   └── ResultChart/
└── pages/
    ├── Dashboard/            # Hero + exam selection + features
    ├── ExamPage/             # Test listing with filter/search
    ├── TestPage/             # Full-screen test engine
    └── ResultPage/           # 3-tab analysis dashboard

Routes

Route	Page
/	Dashboard
/cgl	CGL test listing
/chsl	CHSL test listing
/test/:examType/:testId	Test interface
/result/:examType/:testId	Analysis dashboard

Adding Tests

Edit src/data/cgl-tests.json or src/data/chsl-tests.json — add a new object to the array. No code changes needed.

{ "id": 21, "title": "SSC CGL Mock Test 21", "questions": 100, "duration": 60, "difficulty": "Hard", "attempted": false }

Adding Questions

Edit src/data/questions.js. Each question needs:

{
  id: 101,
  section: "Reasoning",
  sectionIndex: 0,        // 0=Reasoning 1=GA 2=Quant 3=English
  text: "Question text?",
  options: ["A", "B", "C", "D"],
  correct: 0,             // 0-indexed
  marks: 2,
  negativeMarks: 0.5
}

Tech Stack

React 18 + Vite 5 · React Router v6 · Chart.js · Pure CSS · Inter font