SmartTuteur
SmartTuteur is a next-generation EdTech platform designed to accelerate mathematics learning.
Client
SmartTuteur
Role
Full Stack & Architecture
Timeline
3 Months (Avg)
Impact
N/A
Visual Interface 4 Screens
Project Overview
🎯 What is SmartTuteur?
SmartTuteur is a next-generation EdTech platform designed to accelerate mathematics learning. Built on the principle that the best learning happens when cutting-edge technology meets human expertise, the platform combines traditional structured courses and a 24/7 AI Tutor with a robust marketplace to browse, select, and book expert human tutors for highly personalized, live interactive sessions.
💡 The Problem It Solves
Students often struggle with mathematics due to a lack of immediate, personalized feedback and rigid learning materials. Traditional online platforms force learners to choose between static, lonely video courses or expensive, hard-to-schedule tutoring agencies.
The Solution: SmartTuteur bridges the gap. When a student needs a quick answer at 2 AM, the intelligent AI tutor is ready. For deep, personalized guidance on a complex topic, students can browse a marketplace of vetted experts, choose the tutor that fits their learning style, and instantly book a live, interactive whiteboard session.
Challenges & Solutions
Every major project begins with a complex problem. For SmartTuteur, the core issue wasn't just technical—it was operational.
Rendering Complex Mathematical Equations:Displaying complex formulas fast and beautifully across different screen sizes without lagging the browser.
Solution:Implemented **KaTeX** for high-performance server-side and client-side math rendering, significantly outperforming traditional MathJax approaches.
Enabling Real-time Collaborative Learning:Building a stable environment for live interaction between teachers and students that includes video, audio, and drawing.
Solution:Integrated **Daily.co** for robust WebRTC video/audio handling and embedded **Excalidraw** to create a shared, synchronized interactive whiteboard within the browser.
Creating Engaging, Dynamic Course Content:Giving teachers the tools to create rich text content mixed with graphs and equations without needing to code.
Solution:Built a custom `BlockEditor` and `ContentBlockRenderer` that seamlessly weaves Markdown, KaTeX, and interactive charts (`ChartGraphRenderer`) into a cohesive chapter view.
Features
- 👨🏫 Expert Tutor Marketplace
Students can browse detailed profiles, read reviews, and choose the perfect human tutor that matches their specific academic needs.
- 📅 Seamless Booking System
End-to-end scheduling with Stripe integration. Users can book a session in seconds while the platform automatically handles calendar invites and secure payments.
- 📹 Live Interactive Classrooms
Going beyond standard video calls, the Daily.co and Excalidraw-powered rooms offer low-latency video alongside a synchronized interactive whiteboard for true collaborative learning.
- 🤖 Intelligent 24/7 AI Tutor
Powered by Google's Gemini AI to provide instant, step-by-step math problem-solving when a human tutor is off the clock.
- 📐 Rich Math & Graph Rendering
Beautiful and accurate rendering of mathematical formulas using KaTeX, alongside interactive function plotting and charts.
- 📚 Dynamic Course Management
A rich chapter view with a custom block editor and markdown support for teachers to create engaging content.
- 🔒 Secure Auth & Role Management
Distinct dashboards and permissions for Students, Teachers, and Administrators via Supabase.
Under the Hood
Core Stack
- Next Js
- Tailwind CSS
- Supabase
- Excalidraw
- PostgreSQL
- Framer Motion
- Vercel
Architecture Highlights
Frontend Strategy
Component-driven UI development ensuring reusability and type safety.
Backend Logic
Scalable server-side operations with robust error handling and logging.
Need similar results?
I can build a custom solution tailored to your specific business KPIs.
Book a Consultation →