Inspiration

In today's digital learning environment, students often struggle to grasp concepts from static PDF lectures. TeachMe bridges this gap by transforming text-based materials into dynamic, multi-modal learning experiences, catering to diverse learning styles and enhancing comprehension.

What it does

TeachMe converts PDF lectures into comprehensive learning packages featuring AI-generated audio narration and synchronized transcripts. The platform also provides curated supplementary resources, creating a complete self-study environment.

How we built it

Frontend:

  • Next.js React framework with TypeScript
  • Tailwind CSS for responsive, clean UI design

Backend:

  • Flask server integrating Claude and Gemini AI APIs
  • Claude AI for PDF content analysis and professor-like script generation
  • Gemini AI for structured reference material generation
  • Firebase for efficient file storage and data management

Challenges we ran into

Our primary challenge was navigating AI integration without prior experience. Learning to effectively prompt and utilize AI models to generate coherent, educational content required significant experimentation and learning.

Accomplishments that we're proud of

  • Successfully implemented AI-driven content transformation
  • Created an intuitive, aesthetically pleasing user interface
  • Developed a seamless PDF-to-audio conversion pipeline
  • Built a comprehensive learning resource platform

What we learned

  • AI integration in educational technology
  • Full-stack development best practices
  • Cross-platform compatibility considerations
  • Educational content generation techniques

What's next for TeachMe

  • Toggle light and dark mode implementation
  • User authentication and profile management
  • PDF library management system
  • AI-generated visual content integration
  • Interactive chatbot implementation
  • Enhanced accessibility features
  • Add other features like a Pomodoro timer, reward systems, etc.
Share this project:

Updates