An interactive, gamified 15-Day Python learning web application engineered for young coders and beginners. Features embedded client-side Python execution (via Skulpt), split-screen workspace modals, step-by-step curriculum walkthroughs, AI mentor guide drawers, and a graduation diploma generator.
-
⚡ In-App Split-Screen Workspace Modal:
- Click any day card on the main roadmap to open a floating dual-pane learning environment without navigating away.
- Left Pane: Step-by-step concept walkthroughs, real-world analogies, syntax cheat sheets, line-by-line blueprints, and tinker missions.
- Right Pane: Embedded Python code editor & live terminal runtime.
-
🐍 Embedded Skulpt Python Engine:
- Runs Python code (including
turtlegraphics andtime.sleep) directly inside the browser using Web WebSockets/Canvas — zero backend or setup required!
- Runs Python code (including
-
🧠 Methodology Guide Popups:
- Click any methodology widget (10 Min: Concept, 15 Min: Live-Code, or 20 Min: Tinker & Break) on the top header banner to open detailed step-by-step student practice guides.
-
🤖 AI Mentor Guide Drawer:
- Slide-out mentor drawer offering structured hints, debug checklists, and logic explanations.
-
🎓 Graduation Diploma Generator:
- Dynamic completion progress tracker and printable graduation certificate with editable student name field.
- Day 1: The Megaphone (
print(), Strings, Escape Sequences) - Day 2: Labeled Snack Boxes (Variables, Data Types,
type()) - Day 3: Input Magic Wand (
input(), Type Casting, F-Strings) - Day 4: The Security Guard (If/Else, Comparison Operators)
- Day 5: The Bouncer Gate (Logical Operators, Nested Conditions)
- Day 6: The Repeat Robot (For Loops,
range(), Iteration) - Day 7: The Loop Vault (While Loops, Infinite Loops, Breaks)
- Day 8: The Inventory Chest (Lists, Indexing, Slicing, Methods)
- Day 9: The Magic Spellbook (Dictionaries, Key-Value Pairs)
- Day 10: The Custom Tool Factory (
def, Functions, Return Values) - Day 11: The Scope Shield (Local vs Global Variables)
- Day 12: The Canvas Painter (Turtle Graphics, Coordinate Geometry)
- Day 13: The Turtle Architect (Turtle Loops, Shapes, Colors)
- Day 14: The Bug Exterminator (Try/Except, Debugging Strategies)
- Day 15: Capstone Game Engineering (Building a Full Interactive Game)
To run locally using Python's built-in HTTP server:
python3 -m http.server 8080Then open http://localhost:8080/index.html in your browser.