Skip to content
All products

EdTech · AI Tutor · Live

LearnAI Tutor

An interactive web app that teaches Data Science & Machine Learning fundamentals through 10 lessons built on “Data Science, A Comprehensive Guide for Beginners” — combining theory, hands-on simulators and an AI tutor on every page.

Open live app
Lessons
10
Simulators
10
AI tutor model
Gemini 2.5
Themes
Light + Dark

Curriculum

10 lessons, one clear progression

From what data science is to deploying models in the real world.

  1. 01Introduction to Data Science
  2. 02History & Evolution of Data Science
  3. 03Data Science vs. Traditional Analysis
  4. 04The Data Science Lifecycle
  5. 05Data Collection Methods
  6. 06Data Cleaning & Handling Missing Values
  7. 07Data Transformation & Scaling
  8. 08Data Visualization Techniques
  9. 09Machine Learning Model Training & Evaluation
  10. 10Model Deployment & Real-World Applications

Simulators

A playground in every lesson

Each lesson ships with its own hands-on simulator for learning by doing.

  • Timeline Simulator

    Interactive timeline showing the evolution of data science

  • Industries Radar Chart

    Explore data science applications across different industries

  • Format Matcher

    Drag-and-drop interface to match data formats

  • Lifecycle Visualizer

    Interactive walkthrough of the data science workflow

  • Data Collection Simulator

    Hands-on data gathering experience

  • Missing Values Explorer

    Learn data cleaning techniques interactively

  • Scaling Playground

    Slider-driven tool to understand data normalization

  • Train/Test Split Overfit Explorer

    Visual learning about model overfitting

  • Visualization Studio

    Experiment with different chart types

  • Model Evaluation Dashboard

    Understand model performance metrics

Features

Everything inside the app

  • AI Tutor Chat (Gemini 2.5 Flash)

    • Context-aware AI assistant available on every lesson
    • Per-lesson chat history persisted in local storage
    • Real-time responses powered by Google’s Gemini API
    • Helps clarify concepts, answer questions, and provide guidance

  • Structured Learning Content

    • Clear learning objectives for every lesson
    • Concept cards with analogies and syntax-highlighted code
    • Key formulas rendered with KaTeX
    • Glossary, real-world examples and key takeaways

  • Assessment & Practice

    • Multiple-choice quizzes with explanations after each lesson
    • Open-ended practice exercises with hints and expected answers
    • Quiz scores and lesson completion saved in the browser

  • Theme & Accessibility

    • Light and dark mode, defaulting to your OS preference
    • Three-column desktop layout, collapsible sidebar and mobile drawer
    • Mobile-optimised chat button and navigation

  • Responsive UI

    • Sidebar lesson selector with progress indicators
    • Course completion and scroll progress tracking
    • Code blocks with one-click copy, callouts and highlights

  • Developer Friendly

    • Data-driven curriculum defined as plain TypeScript objects
    • Extensible architecture for new lessons and playground types
    • Strict types for lessons, quizzes and playground specs

Tech stack

Modern and type-safe

React 19
Frontend framework
TypeScript
Type-safe code
Vite
Build tool
Tailwind CSS v4
Styling with design tokens
Recharts
Interactive data visualizations
KaTeX
Math formula rendering
Framer Motion
Animations and micro-interactions
Express.js
Backend server
Gemini 2.5 Flash
AI tutor
Lucide React
Icons

Perfect for

Who it's built for

  • Beginner learners
  • Self-paced students
  • Visual learners
  • Practice-oriented students
  • AI-assisted learners

Try it now

Lessons, simulators and the AI tutor are live and ready when you are.

Open live app