calcAI-Interactive-Math-Canvas Tailwind Templates

Calcai Interactive Math Canvas

CalcAI is an interactive math canvas that enables real-time equation solving, graph plotting, and AI-powered problem-solving using the Gemini API. It features a web-based, intuitive interface built with React and Tailwind CSS.

CalcAI - Interactive Math Canvas

A powerful interactive math tool for students, educators, and researchers.

šŸš€ About the Project

CalcAI is an interactive mathematics canvas designed to simplify complex calculations and visualizations using AI-driven features. It provides an intuitive interface for performing mathematical operations, plotting functions, and interacting with equations in real-time.

✨ Features

  • 🧮 Interactive Math Canvas - Draw and solve equations dynamically.
  • šŸ“Š Graph Plotting - Visualize equations and functions instantly.
  • šŸ¤– AI Assistance - Powered by Gemini API for intelligent problem-solving.
  • 🌐 Web-Based - Works directly in your browser, no installation required.

šŸ“¦ Installation

To set up the project locally, follow these steps:

  1. Clone the repository and navigate to the project directory.
  2. Install dependencies using your preferred package manager.
  3. Start the development server and open the application in your browser.

šŸ“œ Usage

  1. Open the application in your browser.
  2. Use the interactive canvas to input equations or draw functions.
  3. Explore AI-powered insights and real-time calculations.

šŸ› ļø Technologies Used

Frontend:

  • React (v18.3.1) - Main framework for UI development
  • Mantine Core & Hooks - UI components and state management
  • Radix UI - Accessible UI primitives
  • React Router DOM - For routing within the app
  • React Draggable - Enables draggable components
  • Lucide React - Icon library

Styling:

  • Tailwind CSS - Utility-first styling
  • Tailwind Merge - Merges Tailwind classes efficiently
  • Tailwind CSS Animate - Enhances animations

Math & Drawing Tools:

  • MathJax - Displays mathematical equations
  • HTML2Canvas - Captures screenshots of the canvas
  • Lazy Brush - Helps in smoother brush strokes

Backend & API Integration:

  • Axios - For making API requests (integrating with Gemini API)

Build & Development:

  • Vite - Fast build tool
  • TypeScript - Strongly typed JavaScript
  • PostCSS & Autoprefixer - CSS processing

šŸ”— Backend Repository

You can find the backend here: Backend Repository(#)

šŸ“„ License

This project is licensed under the MIT License. See the LICENSE file for details.

šŸ“¬ Contact

šŸ“§ Email: [email protected]
šŸ”— GitHub: utkarshranaa
šŸ”— LinkedIn: www.linkedin.com/in/utkarshranaa
šŸ”— X/Twitter: @utkarshranaa

šŸš€ If you found this project useful, please ⭐ star the repository!


šŸ’” Enhance your math experience with CalcAI! šŸš€

Top categories

Loading Svelte Themes