Project
The Work Board
20254 technologies
Available to hire
Draw a math or graphical problem on a canvas and have Google Gemini solve it.
- Live demo
- Source on GitHub
- Next.js
- TypeScript
- Tailwind CSS
- Google Gemini
Problem
Math and graphical problems are slow to type out and quick to sketch.
My role
Built the app: 6 commits between January and July 2025.
Approach
Single-page Next.js 15, React 19 and TypeScript app. A full-screen HTML canvas with 10 pen colours and a reset button exports the drawing as a JPEG and sends it to Google's Gemini 2.0 Flash model through @google/generative-ai. The prompt covers five cases (arithmetic, equation sets, variable assignment, graphical word problems, abstract drawings), the JSON answer is shown in a results panel, and assigned variable names are fed back into the next request.
Impact
Working prototype with public source and a Vercel deployment; the whole app is under 300 lines of TypeScript. No usage figures are published.
More Related
See More
DSA Visualizer
Step through DSA solutions line by line and watch every variable, array, heap and linked list change.
AI Dev Team
Token-efficient multi-agent dev team skill for Claude Code, Codex, Gemini CLI, Cursor and more.
Vandit Kala Portfolio
This portfolio: Next.js 15 and MongoDB, three audience views, an owner admin dashboard and an original animated hero.
Taskkar
Real-time collaborative whiteboard: sign in, join an organization, create boards and draw, write notes and place shapes together.
© 2026