AI Drawing Calculator and Problem Solver (Frontend)

This is the frontend application for the AI Drawing Calculator and Problem Solver. It provides an interactive interface for users to draw mathematical expressions and receive solutions powered by AI.

Backend: https://github.com/krmahi/AI-Drawing-Calculator-and-Problem-Solver-Backend

🌐 Live Demo

Access the live application here: drawing-calc.vercel.app

🛠️ Features

• Interactive Drawing Canvas: Draw mathematical expressions directly on the screen.
• Real-time Recognition: Instant feedback and recognition of drawn expressions.
• AI Integration: Sends drawings to the backend for AI-powered problem solving.
• Responsive Design: Optimized for both desktop and mobile devices.

🧰 Technologies Used

• React with TypeScript
• Vite for fast development and build
• Tailwind CSS for styling
• ESLint for code linting
• Vercel for deployment

📦 Installation

1. Clone the repository:

   git clone https://github.com/krmahi/AI-Drawing-Calculator-and-Problem-Solver.git
   cd AI-Drawing-Calculator-and-Problem-Solver

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

   The application will be available at http://localhost:5173.

⚙️ Project Structure

• src/: Main source code directory
  • components/: Reusable React components
  • constants.ts: Application-wide constants
• public/: Static assets
• index.html: Main HTML file
• vite.config.ts: Vite configuration
• tailwind.config.js: Tailwind CSS configuration

🤝 Contributing

Contributions are welcome! Please fork the repository and submit a pull request.

📄 License

This project is licensed under the Apache 2.0 License.

📬 Contact

For questions or feedback, please contact Mahesh Kumar at mahesh.kr.2277@gmail.com.