AI Learning App - Enhanced Edition

An interactive educational web application for teaching AI basics to students

Author: Rajesh Pandhare, Kanaka Software

Live Demo: https://rajeshkanaka.github.io

---

Overview

This enhanced version of the AI Learning App features a modern, professional design with beautiful animations and interactive elements. It's designed to teach the basics of Artificial Intelligence to non-technical students in an engaging and visually appealing way.

Features

Enhanced Design

• Modern Color Scheme: Beautiful purple-to-blue gradient theme
• Smooth Animations: Gradient shifts, hover effects, and transitions
• Glassmorphism Effects: Modern UI with depth and transparency
• Responsive Design: Works perfectly on desktop, tablet, and mobile

Interactive Learning Modules

1. Home - Welcome page with quick navigation
2. Basics - AI, ML, GenAI, AI Agents, and RAG concepts
3. Internals - Interactive training simulation
4. Output - Word-by-word generation demo
5. Applications - Real-world use cases in Physics, Math, and Biology
6. Chatbot - Demo chatbot interface

Visual Enhancements

• Animated gradient backgrounds
• Floating icons with hover effects
• Progress indicators with ripple animations
• Card hover effects with lift and glow
• Custom scrollbar styling
• Smooth page transitions

Quick Start

Option 1: View Online

Simply visit: https://rajeshkanaka.github.io

Option 2: Run Locally

1. Clone this repository
2. Open index.html in your web browser
3. No installation or build process required!

Option 3: Local Server

# Using Python
python -m http.server 8000

# Then visit http://localhost:8000

Files

• index.html - Main HTML structure
• styles.css - Enhanced CSS with animations and effects
• app.js - Interactive functionality
• README-app.md - Detailed documentation for teachers

Technologies Used

• Pure HTML5, CSS3, and JavaScript
• No frameworks or dependencies
• Works offline after initial load
• Compatible with all modern browsers

Customization

Teachers can easily customize:

• Color schemes (CSS variables in styles.css)
• Content (text in index.html)
• Demo responses (JavaScript objects in app.js)

See README-app.md for detailed customization instructions.

Browser Compatibility

• ✅ Google Chrome (recommended)
• ✅ Mozilla Firefox
• ✅ Microsoft Edge
• ✅ Safari

License

Free to use, modify, and distribute for educational purposes.

Contact

Rajesh Pandhare
Kanaka Software

---

Designed for: Non-technical students learning AI basics
Target Audience: B.Sc. Physics, Mathematics, and related courses
Institution: Savitribai Phule Pune University (SPPU)