AURA MAXXing

Escape Tutorial Hell with AURA MAXXing: Transform YouTube videos into actionable learning tools and build projects smarter

Comment

Inspiration

The inspiration behind AURA Maxxing came from the struggles many learners (begineer in programming) face when stuck in "tutorial hell." I wanted to create a solution that transforms passive learning into an active and engaging experience. By leveraging the power of AI, we envisioned a platform that could take any YouTube video and turn it into actionable learning resources like flashcards, quizzes, and projects (with actionable steps). Participating in the Nosu AI Hackathon gave me the perfect opportunity to bring this idea to life!

What it does

AURA Maxxing transforms YouTube videos into:

  • Key Points: Concise summaries for quick understanding.
  • Flashcards: AI-generated cards to reinforce key concepts.
  • Quizzes: Interactive questions to test your knowledge.
  • Projects: Step-by-step guides for applying what you've learned.
  • Storytelling: Fun and engaging stories with humor and AI-generated illustrations to make learning enjoyable.

How we built it

Frontend:

  • Built with Next.js and TypeScript for a seamless user experience.
  • Styled with Tailwind CSS and Schadcn for modern, responsive designs.

Backend:

  • Powered by Node.js with API integrations for processing data.
  • Used Nebius AI for generating educational content like flashcards, quizzes, and stories.
  • Integrated Innertube library to fetch and process YouTube transcripts.

AI Tools:

  • Nebius AI for generating content such as key points, storytelling, and projects.
  • Magic Loops for creating dynamic AI-generated illustrations.
  • Elleven labs for generate text-to-speech functionality.
  • codebuff for generating ui components

Database:

Used MongoDB to store user data, video transcripts, and generated learning materials.

Challenges we ran into

  • Transcript Processing: Parsing YouTube transcripts and handling diverse video formats was a complex task.
  • API Integration: Integrating Nebius AI and Magic Loops with precise schema validation required careful planning.
  • Time Constraints: Building a full-stack application in a limited timeframe during the hackathon was a significant challenge.
  • Real-Time Performance: Optimizing AI requests to ensure a smooth user experience was critical and required multiple iterations.

Accomplishments that we're proud of

  • Building a Complete Solution in Limited Time I successfully developed AURA Maxxing within the tight timeframe of the Nosu AI Hackathon, turning an ambitious idea into a functional product—all as a solo performer! 🎉
  • Seamless AI Integration: Ive integrated Nebius AI and Magic Loops to generate educational content like flashcards, quizzes, and visual stories dynamically, showcasing the potential of AI in learning.
  • User-Centric Design: Designed an intuitive and responsive interface using Next.js and Tailwind CSS and Scadcn, ensuring a smooth experience for learners of all skill levels.
  • Innovative Storytelling with Humor: Added a unique storytelling feature with illustrations, making learning fun and engaging while catering to different age groups.
  • Overcoming Technical Challenges: From parsing YouTube transcripts to managing API requests efficiently, we tackled multiple technical hurdles and delivered a polished product.
  • Promoting Active Learning: Created a platform that empowers learners to break free from passive consumption and engage in interactive, actionable learning.

What we learned

  • The importance of schema validation for handling structured AI-generated content.
  • How to integrate multiple APIs into a cohesive platform.
  • Effective collaboration and time management during hackathons.
  • Building scalable and responsive user interfaces with Next.js and Tailwind CSS.

What's next for AURA MAXXing

  • Adding a background music in story mode will make it more engaging ( I really wanna do this with beatoven in story mode but didnt get time performing solo lol )
  • Adding and making creating the illustration more interesting and engaging
  • Adding gamification elements to make learning even more engaging.
  • Implementing multilingual support for global accessibility.
  • Refining AI models for more personalized and accurate learning experiences.

Built With

Share this project:

Updates