Mathsperia
An interactive mathematics web app that makes geometry concepts visual, direct, and easier to explore.
- Status
- Completed
- Started
- Oct 2025
- Role
- Creator and developer — learning experience, interaction design, frontend architecture, and deployment.
- Stack
- SvelteKit · TypeScript · Tailwind CSS
Help learners build geometric intuition by seeing and exploring how mathematical relationships behave.
What it is
Mathsperia is a SvelteKit learning experience focused on interactive geometry. Instead of presenting mathematics as static text, it turns concepts into responsive visual material that students can explore in the browser.
Why I built it
Geometry is difficult to understand when diagrams are fixed and learners must mentally imagine how shapes, measurements, and relationships change.
How it addresses the problem
Mathsperia uses browser-based interactive visuals and a focused learning interface so students can manipulate ideas directly and connect formulas with what they see.
What the project actually does
Visual-first learning
Geometry is presented as an interactive visual subject instead of a sequence of static formulas.
Direct exploration
The browser experience encourages learners to explore relationships and build intuition through interaction.
Responsive web delivery
SvelteKit, TypeScript, and Tailwind CSS provide a fast interface that works across modern devices.
How the pieces connect
- 01 Learning topic
- 02 Interactive controls
- 03 Geometry model
- 04 Visual rendering
- 05 Immediate feedback
From zero to a useful result
- 01
Choose a topic
Open Mathsperia in the browser and select the geometry concept you want to explore.
- 02
Manipulate the visual
Use the interactive controls to change the geometry instead of treating the diagram as a fixed illustration.
- 03
Connect motion to meaning
Observe how measurements and relationships respond, then use that feedback to build intuition for the underlying formula.