Inspiration

I’ve been inspired by Andrej Karpathy’s vision for AI in education, especially with his company, Eureka Labs, which aims to create an “AI-native school” to make learning accessible and extensive for anyone. Seeing the excitement around Eureka Labs on social media and posts about its potential to transform education through AI teaching assistants motivated me to build History Tutor AI. I wanted to explore how hard it would be to create a personalized, interactive history tutor using real-time AI narration, inspired by Karpathy’s goal of scaling high-quality education globally.

What it does

History Tutor AI is an AI-powered platform that delivers interactive history lessons customized to the user's preferences. Users can choose from three distinct tutor personalities—Friendly, Strict, or Funny—and select or generate lessons on various historical topics. The AI tutor narrates lessons in real-time, allowing users to engage through voice interactions and interruptions, creating a dynamic and engaging learning experience.

Features

  • Choose Your Tutor Personality: Select from three AI tutor personalities—Friendly (Sarah), Strict (Dr. Thompson), or Funny (Alex)—each with unique teaching styles to match your learning preferences.
  • Select or Generate Lessons: Pick from featured lessons like "Ancient Egyptian Pyramids" or "The Fall of Rome," or generate custom lessons by typing a topic such as "Renaissance Art."
  • Real-Time Voice Interactions: Engage in live voice interactions with the AI tutor, including the ability to interrupt and ask questions for a more immersive experience.
  • Personalized Feedback: Receive tailored feedback and encouragement based on the chosen tutor personality, enhancing motivation and learning.
  • Celebratory Finish: Enjoy a celebratory finish with confetti upon completing a lesson, adding a sense of accomplishment.

How I built it

Worked together with Lovable to build the full project using the following tools:

  • Frontend: Built with React and TypeScript, styled using Tailwind CSS and shadcn-ui for a modern, responsive, and user-friendly interface.
  • Backend: Utilized Supabase for edge functions, database management, and storage of lesson data.
  • AI Integration: Leveraged ElevenLabs for conversational AI and fal.ai for generating lesson content and images.

Challenges I ran into

  • Ensuring the AI tutor's responses were accurate and engaging across different personalities and historical topics, requiring careful configuration.
  • Integrating real-time voice interactions smoothly, minimizing lag or errors to maintain a seamless user experience.
  • Designing an intuitive interface that allows users to easily navigate between tutor personalities and lesson options without feeling overwhelmed.

Accomplishments that I'm proud of

  • Successfully implementing three distinct AI personalities that adapt their teaching style to the user's preference, enhancing personalization.
  • Creating a seamless experience where users can interrupt lessons and receive immediate, context-aware responses, making learning more interactive.
  • Designing a visually appealing and user-friendly interface that enhances the educational experience, making history lessons engaging and accessible.

What I learned

  • The complexities of configuring conversational AI for different personalities and educational contexts, balancing tone and accuracy.
  • How to balance technical complexity with user experience, ensuring the app remains accessible and easy to use.
  • The importance of real-time feedback in educational tools, as it significantly improves user engagement and motivation.

What's next for History Tutor AI

  • Create interactive quizzes to improve content retention, engaging users with adaptive questions after lessons.
  • Expand the range of subjects beyond history to include science, math, and more, broadening the platform's educational scope.
  • Add more tutor personalities or allow users to customize their own, increasing personalization options.
  • Integrate analytics to track user progress and provide personalized learning paths, enhancing educational outcomes.
  • Enhance image generation to include more dynamic visuals or even videos, making lessons more immersive.

Built With

  • elevenlabs
  • fal
  • lovable
  • nextjs
  • shadcn
  • supabase
Share this project:

Updates