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 MathsCanvas
My application is a web-based digital whiteboard/mathematical expression calculator that combines drawing capabilities with mathematical computation features. Here are its key features:
Drawing Interface
Free-hand drawing on a canvas with adjustable brush sizes Color selection via swatches Fill tool to color enclosed areas Reset button to clear the canvas
Mathematical Expression Processing
Ability to recognize and compute handwritten mathematical expressions Real-time conversion of drawn expressions into LaTeX format Draggable LaTeX expressions that can be repositioned anywhere on the canvas Maintains a dictionary of variables for complex calculations
Image Generation
Can generate new images based on drawn content Generated images are draggable and resizable Images can be positioned anywhere on the canvas Initial positioning at top-left corner
The app uses modern web technologies including React for the frontend, Canvas API for drawing functionality, MathJax for rendering mathematical expressions, and makes API calls to a backend server for processing mathematical calculations and image generation. It's particularly useful for educational purposes, mathematical computations, and creating visual content with mathematical elements.
Built With
- fastapi
- next.js
- python
Log in or sign up for Devpost to join the conversation.