Inspiration
What it does
How we built it
Challenges we ran into
Accomplishments that we're proud of
What we learned
What's next for MathVerse - AI
Inspiration
In India, 300M students memorize $x = \frac{-b \pm \sqrt{b^2-4ac}}{2a}$ but never see why a parabola forms. My cousin failed JEE maths not because he couldn't calculate, but because he couldn't visualize. Apps give answers, not understanding.
What it does
MathVerse AI makes you see mathematics:
- Visual Solver: Type
x^2 + 5x + 6 = 0→ live graph, roots, vertex animation - 3D Lab: Rotate cylinder, sphere, cone. Watch $V = \pi r^2 h$ update in real-time
- Graph Universe: Plot $\sin(x)$, $\cos(x)$, see derivatives live
- Unit Circle: Understand trigonometry by watching angles move
- Calculus: See integration as area, not formula
- AI Teacher: Built with architecture ready for Gemini 1.5 Flash for personalized Hinglish explanations
How we built it
Frontend: Single-file HTML5 + Tailwind CSS + Vanilla JS (no build step) 3D: Three.js (WebGL) Math Engine: Math.js, Plotly.js AI Layer: Designed for Google Gemini API integration (currently using local logic for demo, Gemini integration in final version) Voice: Web Speech API Storage: LocalStorage for XP & streaks
We kept it one file so it loads in <1s on low-end phones.
Challenges we ran into
Making Three.js work smoothly on ₹8,000 phones, parsing Indian math notation, and keeping everything offline-first.
Accomplishments that we're proud of
- 7 interactive math labs in 1 file
- Works without internet after first load
- Tested on 20+ board/JEE questions
What we learned
Students don't need more solvers — they need visualization. And Gemini is perfect for explaining why, not just how.
What's next
Integrate Gemini 1.5 Flash fully for voice tutoring, add Gemini Vision for photo-to-solution, and launch in Hindi, Tamil, Telugu.
Built With
- html5
- javascript
- mathjs
- plotly
- tailwind-css
- three.js
- web-speech-api

Log in or sign up for Devpost to join the conversation.