NOTESAI

Overview

This is a React-based web application that allows users to draw mathematical expressions on a canvas and process them to obtain results using a backend API. It features a color selection tool for drawing and integrates with MathJax to render mathematical notation.

Live Demo

Check out the live version of this project here: NotesAi AI Live

Features

• Interactive Canvas: Users can draw mathematical expressions directly on a canvas.
• Color Selection: A color palette allows users to choose different colors for drawing.
• Dynamic Result Display: The application sends the drawn content to the backend for processing and displays the results.
• MathJax Integration: Renders mathematical expressions beautifully using MathJax.

Technologies Used

• React: JavaScript library for building user interfaces.
• Mantine: A component library for React with a focus on usability and accessibility.
• axios: For making HTTP requests to the backend.
• MathJax: For rendering LaTeX mathematical notation.

Prerequisites

• Node.js (>= 14.x)
• npm (>= 5.x)