P L A U G E

AI-powered learning engine that decodes student’s style, strengths, and goals to deliver adaptive, personalized pathways dynamically tuning pace, content, and methods for diverse Indian classrooms.

Comment

Inspiration

Modern classrooms, especially in India, struggle with personalization due to scale and diversity. We noticed that while students differ in pace, understanding, and learning style, most systems treat them uniformly. This inspired us to build PLAUGE (Personalized Learning Adaptive Guidance Engine)—a system that adapts to each learner in real time using AI.

We framed our idea around:

$$ \text{Learning Impact} = \text{Personalization} \times \text{Adaptability} $$

What it does

PLAUGE is a web-based AI learning platform that:

  • Analyzes student learning behavior and engagement
  • Identifies strengths, weaknesses, and preferred learning styles
  • Generates personalized learning pathways
  • Dynamically adjusts:
    • Difficulty level
    • Content type (visual/text-based)
    • Learning pace

The system continuously updates progress using:

$$ P = f(\text{accuracy}, \text{response time}, \text{interaction}) $$

How we built it

We developed PLAUGE using a modern full-stack web architecture:

Frontend

  • React + TypeScript (.tsx) for scalable UI components
  • Vite for fast development and bundling
  • CSS for styling and responsive design

Backend & Services

  • Firebase for authentication, database (Firestore), and hosting
  • Modular service layer (services/gemini.ts) for AI integration
  • Utility layer (lib/utils.ts) for reusable logic

AI Integration

  • Gemini API for intelligent responses and adaptive content generation

Configuration & Tooling

  • tsconfig.json for TypeScript configuration
  • vite.config.ts for build optimization
  • Environment management using .env

Data Flow

  1. User interaction via UI
  2. Data processed through services layer
  3. AI analyzes behavior
  4. Personalized content rendered dynamically

Challenges we ran into

  • Integrating AI responses smoothly into a real-time UI
  • Managing state efficiently across adaptive learning flows
  • Ensuring Firebase rules (firestore.rules) maintain security while allowing flexibility
  • Handling incomplete or sparse student data in early stages
  • Balancing performance with continuous personalization

Accomplishments that we're proud of

  • Built a fully functional AI-powered adaptive learning web app
  • Successfully integrated AI, frontend, and cloud backend
  • Designed a modular and scalable TypeScript architecture
  • Enabled real-time personalization within a lightweight Vite app
  • Created a system scalable for diverse classroom environments

What we learned

  • TypeScript improves maintainability in complex systems
  • Real-time personalization requires efficient state and data flow design
  • AI integration is not just about responses—it’s about context awareness
  • System performance is critical when adapting content dynamically

We also realized:

$$ \text{Efficiency} = \frac{\text{Personalized Output}}{\text{Latency} + \text{Complexity}} $$

What's next for PLAUGE

  • Advanced analytics dashboards for teachers
  • Smarter adaptation using reinforcement learning
  • Multi-language expansion for regional accessibility
  • Mobile-first optimization
  • Gamification for engagement
  • Integration with school LMS systems

PLAUGE is evolving toward a future where learning is not static, but continuously adapts to every student.

Project Developers

  • Vishalkumaran V
  • Viljon Kumar J
  • Karthikeyan AS
  • Hitesh Raj RL
Share this project:

Updates