NoteSolver

• 

  Simple Maths Calculation

• 

  A Scenery Drawn in Notesolver

• 

  Solving Average Physics Problem

• 

  Showing Vast choice of color that can be used and different Pencil sizes

• 

  Giving Image Description

• 

  Solving Quadratic equation

Inspiration

NoteSolver was inspired by the need for a more intuitive, interactive way to solve math and physics problems. I wanted to create a tool that allows users to draw their equations or diagrams and instantly get solutions, making learning easier and more engaging.

What it does

NoteSolver is an AI-powered web application that lets users draw math equations and physics diagrams on a canvas. The AI recognizes these drawings and provides detailed solutions or descriptions, making complex problem-solving accessible to everyone.

How we built it

We built NoteSolver using ReactJS for the frontend, Node.js and Express.js for the backend, and HTML Canvas 2D Context for drawing and image processing. We integrated the GeminiAPI to recognize and process user drawings, and made it fully responsive for both desktop and mobile devices.

Challenges we ran into

The biggest challenge was ensuring accurate AI recognition of diverse hand-drawn equations and diagrams. Additionally, making the platform work smoothly across multiple devices and screen sizes required careful attention to layout and user experience.

Accomplishments that we're proud of

We are proud of building an AI-powered solution that accurately solves math and physics problems through drawings. The ability to provide instant, clear solutions has been a significant achievement, as well as ensuring the platform works seamlessly across both desktop and mobile devices.

What we learned

We learned how to integrate image processing with the HTML Canvas, improve AI recognition, and work with ReactJS and *Node.js8 to create a responsive, interactive platform. The project taught us valuable skills in both front-end and back-end development.

What's next for NoteSolver

Next, we plan to refine the AI's recognition accuracy and improve the overall user experience as at present it is hosted on render whose free instance will spin down with inactivity which can delay requests by 50 seconds or more So we will try to host it on Paid Services like aws or on docker. We’re also looking to expand the platform’s capabilities with more interactive features and more robust sharing options.

Built With

• express.js
• gemini
• node.js
• react