Source Preview

MicroScroll - AI Microlearning Platform

React TypeScript Vite Node.js Express.js Prisma PostgreSQL Supabase Framer Motion Tailwind CSS

MicroScroll - AI-Powered Microlearning Platform

Overview

MicroScroll is a full-stack learning platform that transforms lengthy academic documents into Instagram-style scrollable study cards optimized for modern mobile learning.

The platform addresses information overload by enabling active recall, gamified revision, and spaced repetition.

Key Features

• Multi-Format Processing: Built custom pipelines to parse PDF, DOCX, and PPTX files.

• AI-Based Chunking: Designed algorithms to extract key concepts and preserve learning context.

• Mobile-First UI: Developed gesture-driven, vertical scroll interfaces with smooth animations.

• Active Recall System: Implemented Ghost Words and spaced repetition mechanisms.

• Gamified Revision: Added swipe-based speed revision with scoring and streaks.

• Analytics Dashboard: Built performance visualizations and learning insights.

Technical Implementation

  • Frontend: React 19, TypeScript, Vite, Tailwind CSS
  • Backend: Express.js with Prisma ORM
  • Database: Supabase PostgreSQL with pooling
  • Security: JWT, bcrypt, Zod validation, Helmet
  • PWA: Service Workers for offline access

Core Functionality

  • Secure file uploads up to 100MB
  • Auto-generated learning decks
  • Progress tracking and streaks
  • Optimized API queries and caching
  • Modular MVC architecture

Impact

MicroScroll improves learning efficiency by enabling students to consume complex material in bite-sized, engaging formats optimized for retention and mobility.