Gradus AI
Gradus is an AI-powered mobile learning platform helping A-Level students practice past papers with instant feedback and personalized recommendations.
Category
App Design
Reading Time
~3–5 min
Date
Sep 22, 2025
Project Overview
I designed and developed an online exam platform where students can view past papers, solve them interactively, and track their performance — all in one place.
Section | Details |
|---|---|
Project Name | Online Exam Platform |
Overview | A web app where students can view past papers, solve them interactively, and track their progress. |
Key Features | • View and solve exam PDFs directly on the site • Auto-save answers • Secure answer storage in Supabase • Performance dashboard (papers solved, scores, study hours) • Admin tools for uploading papers and viewing submissions |
Tech Stack | Frontend: Next.js, React, PDF.js (hosted on Vercel) Backend: Node.js API Routes Database: Supabase (PostgreSQL + Auth) |
Focus Areas | • Simple, distraction-free UI • Smooth UX with auto-save and real-time feedback • Scalable database design for multiple subjects/papers |
Role | Full-stack developer — designed UI, built backend APIs, and integrated database & auth system. |
Outcome | Created a modern, reliable exam-solving experience that saves time for students and provides actionable analytics. |
Key Features
Interactive Paper Solving: View exam PDFs and answer questions directly on the site.
Auto-Save: Never lose progress — answers save automatically as you type.
Secure Storage: All submissions are stored safely in the database.
Performance Tracking: Students can see total papers solved, scores, and study hours.
Admin Dashboard: Upload new papers, view submissions, and access analytics.
Tech Stack
Frontend: Next.js + React (deployed on Vercel)
Backend: API Routes with Node.js
Database: Supabase (PostgreSQL) for authentication, answer storage, and analytics
PDF Rendering: PDF.js
What I Focused On
Smooth UX: Kept the interface clean and distraction-free so students can focus on solving papers.
Efficiency: Added auto-save and real-time updates to make the experience seamless.
Scalability: Structured the database and backend to handle multiple subjects and hundreds of papers.
Related Articles