Interactive Teaching Examples
A collection of web-based projects demonstrating algorithms, frontend design, and data processing concepts. Explore the source code to understand the logic behind the interface.
Curriculum Landing Page
A modern, responsive landing page prototype demonstrating React components, Tailwind CSS styling, and vertical expansion animations.
Rhythm Clicker
An incremental rhythm game featuring game loops, state management, prestige mechanics, and DOM event handling.
TFSA vs Taxable Simulator
A financial projection tool using HTML Canvas for data visualization, JSON export/import features, and compound interest algorithms.
Debit/Credit Ledger
An interactive ledger visualization clarifying the inversion of debit/credit rules between assets and liabilities.
Encryption Simulator
A visual demonstration of cryptographic principles, simulating how data is obfuscated and recovered using keys.
Inheritance & Polymorphism
A lab environment demonstrating object-oriented hierarchy, method overriding, and polymorphic behavior.
Maze Solver
An algorithmic showcase of pathfinding strategies (BFS/DFS) navigating through procedurally generated mazes.
Projectile Factory
A physics simulation playground calculating trajectories, velocity, and gravity in a 2D environment.
Conditional Logic Flow
Visualizing control flow structures, boolean logic gates, and decision trees for beginner programmers.
Pixel Art Converter
An image processing tool that uses HTML5 Canvas manipulation to convert uploaded photos into retro pixel art.
Student Project Showcase
Play interactive Java projects created by students. These Greenfoot games are emulated directly in the browser using CheerpJ.