Back to Works
Works / 05Learning

Senior QNA

Senior QNA began with a small, personal problem: Yumesh's sister was preparing for a Class 9 MCQ competition. He built a simple practice app so she could prepare across subjects, and she used it before doing well in the competition.

Role

Full-stack Developer

Association

Independent learning project

Senior QNA logo
Project evidence / 0516:10 view

01

The context

The problem, people, and outcome in view.

Senior QNA began with a small, personal problem: Yumesh's sister was preparing for a Class 9 MCQ competition. He built a simple practice app so she could prepare across subjects, and she used it before doing well in the competition.

That early useful idea became a larger learning platform: Class 9-10 practice, IOE engineering entrance preparation, and IOM medical entrance preparation. The expansion shifted the challenge from showing questions to making practice, mock exams, result analysis, question delivery, and quality controls work together responsibly.

02

The contribution

A clear view of what I owned.

Full-stack Developer

Responsibilities

Showing 10 of 19
  • Course and subject-specific practice sessions with selectable generated and curated question sources.
  • Timed mock exams with answer navigation
  • marked-for-review states
  • local draft recovery
  • scoring
  • detailed review
  • and study-plan guidance.
  • Authenticated learner results and progress analytics using NextAuth and Sanity.
  • A scalable question-bank design that keeps large learner-facing generated banks out of Sanity while retaining curated and administrative data there.
  • Bank

Capabilities applied

Next.jsEditorial Publishing WorkflowsQuality Assurance & Release ReadinessState Management & Local PersistenceLearning, Analytics & Result DataJest & Testing LibraryReactUX Workflow DesignContent ModellingNextAuthAdmin & Dashboard Design

03

The work

From decisions to the working product.

Process

Senior QNA began with a small, personal problem: Yumesh's sister was preparing for a Class 9 MCQ competition. He built a simple practice app so she could prepare across subjects, and she used it before doing well in the competition.

That early useful idea became a larger learning platform: Class 9-10 practice, IOE engineering entrance preparation, and IOM medical entrance preparation. The expansion shifted the challenge from showing questions to making practice, mock exams, result analysis, question delivery, and quality controls work together responsibly.

Solution

Course and subject-specific practice sessions with selectable generated and curated question sources. Timed mock exams with answer navigation, marked-for-review states, local draft recovery, scoring, detailed review, and study-plan guidance. Authenticated learner results and progress analytics using NextAuth and Sanity. A scalable question-bank design that keeps large learner-facing generated banks out of Sanity while retaining curated and administrative data there. Bank, quality, deployment, academic-review, and launch-readiness audit scripts. A reviewer-led evidence workflow with stable sample IDs, review packets, CSV draft conversion, approval/rejection records, and explicit readiness gates.

04

The result

Proof over promises.

The platform's quality workflow is implemented, but generated questions must not be marketed as academically reviewed until a real reviewer ledger is completed. The case study may state that Yumesh's sister used the initial Class 9 version and did well; it must not convert that into an unverified performance metric.

05

Build notes

The tools and details that carried it through.

Technology

Showing 10 of 14
Next.js application architectureReact quiz interface designTimed mock-exam workflowLearning analyticsQuestion-bank architectureContent modelling with SanityNextAuth authenticationQuestion quality auditingAcademic review workflowLaunch-readiness engineering

Selected product details

  • Course and subject-specific practice sessions with selectable generated and curated question sources.
  • Timed mock exams with answer navigation, marked-for-review states, local draft recovery, scoring, detailed review, and study-plan guidance.
  • Authenticated learner results and progress analytics using NextAuth and Sanity.
  • A scalable question-bank design that keeps large learner-facing generated banks out of Sanity while retaining curated and administrative data there.
  • Bank, quality, deployment, academic-review, and launch-readiness audit scripts.
  • A reviewer-led evidence workflow with stable sample IDs, review packets, CSV draft conversion, approval/rejection records, and explicit readiness gates.

Explore further

06

Connected work

Proof and writing from this project.

Project proof

Showing 5 of 14

Frontend / Next.js

Senior QNA: Next.js application architecture

Built the Next.js App Router foundation for practice, mock exams, results, learner dashboards, and studio workflows. The application brings these learning journeys together while keeping public, authenticated, and administrative areas distinct.

Next.js App RouterPractice-to-results journeyLearner and studio areas

Frontend / React

Senior QNA: React quiz interface design

Built the React quiz experience for question progression, answer selection, feedback, explanations, navigation, and keyboard-focusable controls. These interactions support a focused learner flow rather than a static question list.

Question progressionAnswer and feedback stateFocusable controls

Soft Skills / UX Workflow Design

Senior QNA: Timed mock-exam workflow

Implemented timed mock exams with answer navigation, marked-for-review state, answer review, scoring, detailed results, and local draft recovery. The workflow helps learners complete a session and return to interrupted work on the same device.

Timed exam flowMarked-for-review stateDetailed result review

Database / Learning, Analytics & Result Data

Senior QNA: Learning analytics

Recorded learner result data and surfaced course- and subject-level accuracy, attempts, and progress views. These signals support personal study reflection; they are not presented as verified academic performance claims.

Course and subject resultsAccuracy and attemptsProgress views

CMS / Editorial Publishing Workflows

Senior QNA: Question-bank architecture

Separated large learner-facing generated question banks from curated and administrative records stored in Sanity. This keeps bulk question delivery distinct from the records staff need to manage and review.

Generated-bank separationCurated Sanity recordsScalable question delivery

Works / 05 of 08

Have a similar problem to solve? Let's talk.