ScholarSpace

AI-powered homeschool hub. Personalized curricula, voice-driven lessons, AI-driven frontend & in-browser summarization, plus context-aware progress tracking—all in one seamless platform.

Comment 4

ScholarSpace

A comprehensive academic workspace for homeschooling families, built with Next.js, Prisma, and Clerk authentication. Enhanced with cutting-edge AI integrations for voice interaction, intelligent code completion, rapid frontend development, and browser-based content summarization.

Features

Student Management

  • Multi-Student Support: Parents can manage multiple children
  • Progress Tracking: Track completion status and scores for each curriculum unit
  • Subject Progress: Monitor current position in each subject area (Math, ELA, Science, Humanities)
  • Progress Updates: Parents can mark curriculum units as "started" or "completed"
  • Visual Progress Tracking: Color-coded status indicators and percentage-based progress display

Voice-Enabled Learning

  • Leaping AI Integration: Voice call functionality for interactive learning sessions
  • Natural Language Interaction: Students can engage with curriculum through voice commands
  • Accessibility Enhancement: Voice interface improves accessibility for diverse learning needs
  • Real-time Voice Processing: Instant voice recognition and response capabilities

Progress Update System

  • Dedicated Progress Interface: /students/[studentId]/progress for comprehensive progress management
  • One Unit Per Subject: Students focus on one unit at a time per subject for better learning outcomes
  • Simplified Actions: Mark current unit complete or go back to previous unit
  • Real-time Feedback: Toast notifications and confirmation dialogs
  • Single View: All subjects displayed in one unified view without tabs
  • Visual Status Indicators:
    • Blue: Currently studying unit
    • Green: Previously completed unit
    • Gray: No progress yet

Curriculum Integration

  • Khan Academy Curriculum: Pre-loaded with Khan Academy's K-12 curriculum structure
  • Prerequisite Relationships: Maintains learning dependencies between curriculum units
  • Grade-Level Organization: Content organized by grade levels and subjects

Learning Plans

  • AI-Generated Plans: Create personalized 1-year learning plans using AI
  • Curriculum Mapping: Plans are built from actual curriculum units with proper sequencing
  • Parent Preferences: AI considers parent input when generating plans
  • Memory-Enhanced Planning: Mem0 AI integration for contextual learning plan generation

Intelligent Development Workflow

  • Trae + Claude 4: Advanced code completion and AI-powered development assistance
  • Bolt Frontend Development: Rapid frontend prototyping and development
  • v0 Integration: Enhanced UI component generation and design assistance
  • Dex Browser Summarization: In-browser content summarization for research and learning materials

Authentication & Security

  • Clerk authentication integration for secure user management
  • Parent-student relationship management (parents can only access their own students)
  • Protected routes with middleware
  • Server-side validation for all progress updates

Tech Stack

Core Platform

  • Frontend: Next.js 15, React, TypeScript, Tailwind CSS
  • Backend: Next.js API routes, Server Actions
  • Database: PostgreSQL with Prisma ORM
  • Authentication: Clerk
  • UI Components: Custom components built with Radix UI primitives
  • State Management: React hooks with optimistic updates

AI & Development Integrations

  • AI Integration: Vercel AI SDK with OpenAI GPT-4-turbo
  • Memory & Context: Mem0 AI for persistent learning context and memory
  • Voice Processing: Leaping AI for voice call functionality and natural language interaction
  • Code Intelligence: Trae with Claude 4 for advanced code completion and development assistance
  • Frontend Development: Bolt for rapid frontend development and v0 for UI component generation
  • Content Processing: Dex for in-browser content summarization and research assistance

Getting Started

  1. Clone the repository
  2. Install dependencies: npm install or pnpm install
  3. Set up your environment variables in .env: ```env # Core Platform DATABASE_URL="your_postgresql_url" NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY="your_clerk_key" CLERK_SECRET_KEY="your_clerk_secret"

# AI Integrations OPENAI_API_KEY="your_openai_key" MEM0_API_KEY="your_mem0_key" LEAPING_AI_API_KEY="your_leaping_ai_key" CLAUDE_API_KEY="your_claude_key" DEX_API_KEY="your_dex_key"

Built With

Share this project:

Updates