VividTutor

Personalized AI video tutoring, crafted for your learning journey.

Comment

Inspiration

Different people have unique study patterns, but conversing about a topic makes it stick. When a friend isn’t available to discuss, why not an AI with a friendly face? In your language too! Inspired by EMEA’s diverse educational needs, VividTutor uses conversational AI to deliver tailored tutoring in English and French, empowering students in Nigeria, DRC, and beyond.

What it does

VividTutor is a desktop-first web app delivering personalized AI video tutoring in English and French, designed for EMEA students. With a user-driven form for selecting subjects and topics, VividTutor offers dynamic, interactive tutoring sessions powered by Tavus’s conversational AI, tailored to diverse educational needs like WAEC prep or A-levels. Its freemium model (4-minute free sessions, 1-hour premium sessions with text uploads) and points-based gamification make learning engaging and accessible. Built on Bolt.new and deployed on Netlify, VividTutor brings vibrant, clear education to EMEA.

How we built it

Frontend: Built a desktop-first web app with React using Bolt.new’s AI tools. Tailwind CSS styled a clean landing page with a Supabase Auth login modal, language toggle (English/French), and a form for subject (e.g., Math, Other), topic, and context inputs.

Backend: Used Supabase for user authentication, session tracking (3/week free, unlimited premium), and points storage (10 per session, 5 per correct answer).

Conversational AI: Integrated Tavus for video-based tutoring, with ElevenLabs Multilingual v2 for natural English/French voiceovers. Sessions start with a 30-second explanation and include 1–2 interactive questions.

Freemium: RevenueCat enforces limits and enables premium features ($4.99/month for 1-hour sessions and text uploads).

Deployment: Hosted on Netlify with a visible Bolt.new badge.

Challenges we ran into

Tavus Iframe: Noticed that the Tavus conversation video would not play in Bolt.new’s webcontainer but was able to play once the app was hosted on Netlify.

Supabase Timeouts: Initial authentication timeouts in Bolt.new’s webcontainer required a retry mechanism and anonymous mode fallback to ensure access.

Dynamic Content: Ensuring Tavus’s AI handled diverse subjects (e.g., “Nigerian History”) was tricky; I used suggested categories and fallback responses.

Time Constraints: Balancing a robust MVP (login, form, AI tutor, freemium) in under 1 week pushed me to prioritize text-only uploads over complex PDF parsing.

EMEA Relevance: Crafting a UI and content flow that resonates with both English and French-speaking students required careful testing.

Accomplishments that we're proud of

We built an app that works and meets the goals of the MVP while learning and working with new tools.

What I learned

Conversational AI: Mastered Tavus’s CVI Interaction protocol to create dynamic, multilingual tutoring sessions.

Freemium Models: Integrated RevenueCat to balance free (3 sessions/week, 4 minutes) and premium (unlimited 1-hour sessions, text uploads) features.

Backend Development: Leveraged Supabase for seamless authentication and session tracking.

EMEA Focus: Understood the importance of multilingual support (English/French) and user-driven inputs to address regional curricula like WAEC.

UI Design: Crafted a clean, desktop-first UI with Tailwind CSS, aiming for the Most Beautiful UI prize.

What's next for VividTutor

VividTutor will expand to more languages (e.g., Arabic, Portuguese), add advanced gamification (badges, leaderboards), and integrate OCR for premium document uploads, scaling its impact across the region.

Built With

Share this project:

Updates