InnoVision — AI-Powered Adaptive Learning Platform

Inspiration

Traditional learning platforms provide fixed courses that are not always personalized to individual learners. We wanted to build something different: a platform where any topic could be transformed into a structured and engaging learning experience using AI.

This idea inspired us to create InnoVision, an AI-powered adaptive learning platform designed to make education more flexible, personalized, and accessible.

What We Learned

Building InnoVision taught us that developing an AI-powered product involves much more than integrating an AI API. We learned how to combine AI, databases, authentication, payments, gamification, analytics, and offline capabilities into one complete platform.

We gained hands-on experience with Next.js 15, React 19, Firebase, Google Gemini API, Tailwind CSS, Razorpay, IndexedDB, and Web Push API.

We also learned how important engagement is in education. Features such as XP, streaks, badges, leaderboards, quizzes, bookmarks, and analytics help make learning more interactive and motivating.

How We Built It

We built the frontend using Next.js 15, React 19, and Tailwind CSS.

For the backend and database, we used Firebase Firestore, Firebase Authentication, Firebase Storage, Next.js API Routes, and Firebase Admin SDK.

The core AI functionality is powered by the Google Gemini API, which generates structured courses and learning content. We also implemented YouTube-to-course generation and PDF/document content ingestion.

Key Features

  • AI Course Generation — Create structured courses from any topic.
  • YouTube Course Generation — Convert YouTube content into learning courses.
  • Content Ingestion — Generate courses from PDFs, textbooks, and documents.
  • AI Learning Roadmaps — Create step-by-step learning paths.
  • Interactive Tasks — Quizzes, fill-in-the-blanks, and matching activities.
  • Gamification — XP, streaks, badges, leaderboards, and daily quests.
  • AI Personalization — Recommendations based on learning preferences.
  • Offline Learning — Download courses for offline access.
  • Multi-language Learning — Support for 100+ languages.
  • Analytics — Track learning progress and performance.

Challenges We Faced

One of our biggest challenges was transforming unstructured topics and external content into structured and meaningful learning experiences.

We also had to integrate multiple technologies while maintaining a consistent user experience. Authentication, AI generation, Firebase synchronization, payments, offline storage, notifications, and gamification all needed to work together reliably.

Another major challenge was ensuring that AI-generated content was useful for actual learning. Instead of simply generating text, we structured the output into chapters, roadmaps, quizzes, tests, and interactive activities.

Impact

InnoVision aims to reduce the limitations of traditional fixed courses by allowing learners to generate learning experiences based on their topic, needs, and learning preferences.

Our vision is simple:

Instead of forcing learners to adapt to a course, InnoVision adapts the learning experience to the learner.

Technologies Used

Next.js 15 • React 19 • Tailwind CSS
Firebase • Google Gemini API • Razorpay
IndexedDB • Web Push API

Live Demo: https://innovision7.live

GitHub: https://github.com/ItsVikasA/InnoVision

Built With

  • firebase
  • google-gemini-api
  • indexeddb
  • nextjs
  • razorpay
  • react-19
  • tailwind-css
  • web
Share this project:

Updates