Discrete Learn
01. Overview
An online learning platform designed to help students master discrete mathematics with a focus on sets. Features interactive lessons, quizzes, progress tracking, and interactive Venn diagram visualizations to make learning engaging and effective.
The Objective
To create an accessible, interactive platform that makes discrete mathematics — specifically set theory — approachable for students through guided lessons and hands-on practice.
The Outcome
A fully functional web learning platform with authentication, progress tracking, interactive Venn diagrams, practice problems, and a focused course environment.
02. Stack Architecture
03. Key Features
Step-by-step lessons on set theory fundamentals and advanced concepts
Interactive Venn diagram and set operation visualizations
Practice problems with real-time feedback
Progress tracking with completion indicators
User authentication (login, signup, password reset)
Responsive design optimized for desktop and mobile
04. Engineering Pipeline
Designed the lesson content structure using structured JSON data files
Built reusable course components: sidebar, lesson content, footer controls
Integrated Firebase Auth for login, signup, and password reset flows
Added interactive visualizations: Venn diagrams, set operation tables, computer representation
05. Challenges & Execution
The Constraint
Designing an engaging learning flow that keeps students motivated through abstract math content
The Execution
Created a focused course page layout with a sticky sidebar for seamless lesson navigation.
The Constraint
Building dynamic, interactive Venn diagram components for set operations
The Execution
Built custom interactive Venn diagram and set identity practice components from scratch.
The Constraint
Tracking per-lesson completion state across sessions with Firebase
The Execution
Leveraged Firebase for persistent user progress and authentication across sessions.