BrightPath

BrightPath, an AI-powered interactive whiteboard that acts as a personal tutor for every student.

Comment

Inspiration

The inspiration came from a personal experience - when I was a child, my mom became unable to teach me because she had to focus on my two younger brothers. This made me realize how many students lack personalized guidance when they need it most.

What it does

BrightPath is an AI-powered learning platform that combines an interactive digital whiteboard with intelligent tutoring. Students can draw, write, and solve problems visually while getting real-time AI assistance. The platform features multi-page whiteboards, drawing tools, and an AI tutor that can analyze handwritten work and provide personalized explanations and guidance.

How we built it

  • Frontend: React + TypeScript with Vite, using Tailwind CSS for styling and Framer Motion for animations
  • Backend: Node.js + Express server with TypeScript, deployed on Vercel
  • AI Integration: OpenAI API for intelligent tutoring and visual content analysis
  • Authentication: Supabase for user management and secure sessions
  • Features: Custom canvas drawing system, multi-page management, real-time chat with AI tutor

Challenges we ran into

  • Implementing smooth canvas drawing with multiple tools and real-time responsiveness
  • Integrating AI vision capabilities to analyze handwritten mathematical content
  • Managing complex state across multiple whiteboard pages
  • Balancing AI response quality with API rate limits and costs

Accomplishments that we're proud of

  • Created a fully functional AI tutoring system that understands visual content
  • Built an intuitive multi-page whiteboard with professional drawing tools
  • Implemented seamless authentication and user session management
  • Developed a responsive, modern UI that works across different devices

What we learned

  • Advanced React patterns for complex state management
  • Canvas API and drawing optimization techniques
  • AI prompt engineering for educational contexts
  • Full-stack TypeScript development and deployment strategies

What's next for BrightPath

  • Enhanced AI capabilities with better handwriting recognition
  • Collaborative features for group study sessions
  • Integration with popular learning management systems
  • Mobile app development for tablet-based learning
  • Advanced analytics for tracking learning progress

Built With

Share this project:

Updates