Skip to content
Aug 2024Team Developer

Nova-Learn

Adaptive Educational Syllabus Platform with Diagnostic Mastery

127 Stars35 Forks3.1K Views

NovaLearn is an AI-powered platform that creates personalized learning paths with interactive content and quizzes. Designed with a futuristic 3D UI, it makes learning immersive, efficient, and goal-driven.

EDUCATIONAI
ROLEFrontend Engineer & Interface Designer
TIMELINE2 months
TEAM STRUCTURECollaborative student engineering team
YEAR2024
Nova-Learn primary interface
Architectural Ownership

What Jayant Potdar Built & Owned

Designed the responsive web interface, built the interactive syllabus node graph view, managed client-side mastery state with React Context, and implemented diagnostic quiz checkpoint evaluations.

Key Technical Decisions:

  • Dynamic mastery calculation adjusting recommended next modules based on student quiz scores.
  • Interactive SVG curriculum tree displaying locked, in-progress, and mastered learning modules.
  • Fast, responsive layout optimized for mobile study sessions.

Core System Features & Capabilities:

  • ✓Personalized learning path generation from diagnostic quizzes.
  • ✓Interactive 3D user interface designed with Spline.
  • ✓Dynamic quiz generation with real-time mastery tracking.
  • ✓Progress tracking and learning analytics dashboard.
  • ✓Futuristic design system and responsive mobile learning experience.
  • ✓Backend built with Node.js, Flask, and SQLite3.
the challenge

Creating an intuitive visualization for branching learning paths that updates instantly as students pass diagnostic quizzes without confusing the learner.

Nova-Learn challenge illustration
Nova-Learn alternative view
architectural approach

We built dynamic skill trees where module completion unblocks dependent topic nodes. I focused on responsive state management, clear visual feedback for mastered competencies, and accessible assessment forms.

Nova-Learn technical architecture and implementation
interface gallery & screenshots

Detailed interface walkthrough, diagnostic panels, and feature screenshots for Nova-Learn.

Nova-Learn screenshot 1
Nova-Learn — Screen #01View 1
Nova-Learn screenshot 2
Nova-Learn — Screen #02View 2
the results & metrics

Delivered an engaging educational prototype demonstrating how personalized branching paths help students master technical subjects at their own speed.

AdaptiveBRANCHING PATHS
InstantMASTERY FEEDBACK
VisualSYLLABUS GRAPH
more projects

LET'S TALK

Got a project, a hard engineering problem, or just want to say hi? Send it over. I read every message.

Jayant Potdar

Jayant Potdar

Open to new opportunities — let's build something memorable and interesting.

1

let's make something together

CONTACTdrop a line