A transit map for learning
Each module is a colored “line” and each lesson is a “station.” It makes a long course feel like a route you can see and finish, and every completed station fills in on the map.
About the project
Our purpose
Students are surrounded by AI — in search results, recommendation feeds, writing tools and chatbots — but most of us were never taught how it works or when to trust it. Some students avoid AI completely; others lean on it without checking its answers.
We wanted a place where a high schooler could, in a few short sessions, learn to do three things:
How it works
Short lessons with diagrams, examples, myth-vs-fact and key terms.
Interactive labs let you poke at simplified AI systems and see cause and effect.
Knowledge checks inside lessons, then quizzes and scenario challenges.
XP, levels, badges and a dashboard show exactly how far you've come.
Design decisions
Each module is a colored “line” and each lesson is a “station.” It makes a long course feel like a route you can see and finish, and every completed station fills in on the map.
Body text uses Atkinson Hyperlegible, a typeface designed for low-vision readers. Every control works with a keyboard, colors meet contrast guidelines, and animations switch off if your device asks for reduced motion.
No accounts, no tracking, no AI API. Your progress is saved only in your own browser, and the labs are simulations that run entirely on your device.
The team
This portal was researched, written, designed and developed by our team for the TSA Webmaster competition. See our References page for sources, credits and our framework declaration.
Team ID: [add team ID per TSA guidelines]