Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/axestein/canvas.ai
The Smart Canvas You Deserve: Draw, Solve, and Discover with AI.
https://github.com/axestein/canvas.ai
Last synced: about 1 month ago
JSON representation
The Smart Canvas You Deserve: Draw, Solve, and Discover with AI.
- Host: GitHub
- URL: https://github.com/axestein/canvas.ai
- Owner: Axestein
- Created: 2024-11-14T20:21:21.000Z (about 1 month ago)
- Default Branch: master
- Last Pushed: 2024-11-14T20:37:22.000Z (about 1 month ago)
- Last Synced: 2024-11-14T21:29:22.403Z (about 1 month ago)
- Language: Python
- Homepage: https://calc-fe.vercel.app/
- Size: 31.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Canvas.AI
CanvasAI is a generative AI tool embedded within an interactive canvas interface that helps users solve equations in real-time, enhancing problem-solving efficiency and user engagement.
With CanvasAI, users can input complex equations, and the AI will guide them through solving the problem step-by-step, offering an intuitive and efficient experience for learners and professionals alike.
## Features
- **Real-Time Equation Solving**: Solves equations as you input them and provides step-by-step explanations.
- **Interactive Canvas Interface**: A clean and intuitive canvas where users can visualize their work and solutions.
- **Improved Efficiency**: Increases problem-solving efficiency by 25%, allowing users to get answers faster and with more clarity.
- **Enhanced User Engagement**: Boosts engagement by 20% through interactive problem-solving and intuitive UI.
- **Supports Complex Math and Engineering Equations**: From basic algebra to advanced calculus, CanvasAI can handle a variety of problems.
## Sample InputsHere are some examples of equations that CanvasAI can solve:
![Group 1437253683 (1)](https://github.com/user-attachments/assets/ada4c31d-824d-491b-93c4-bbbc9ad4c2ab)
## Tech Stack
- **Frontend**:
- **ReactJS**: Used for building the dynamic UI components and managing the user interface.
- **TailwindCSS**: A utility-first CSS framework for designing the UI with ease and responsiveness.
- **Backend**:
- **FastAPI**: A modern, fast (high-performance) web framework for building APIs with Python 3.8+.
- **Python**: The language powering the AI algorithms and backend services.
- **Deployment & Infrastructure**:
- **Vercel**: For deployment and scalability.
- **Git**: Version control to manage the project’s codebase.
- **Google Cloud AI & Google AI Studio**: For Generative AI Api.## Installation
### Prerequisites
Make sure you have the following installed:
- **Node.js** and **npm** for the frontend (React).
- **Python 3.8+** and **pip** for the backend (FastAPI).
- **Git** for cloning the repository.### Frontend Setup
1. Clone the repository:
```bash
git clone https://github.com/your-username/CanvasAI.git
cd CanvasAI
```2. Install dependencies:
```bash
cd frontend
npm install
```3. Start the React development server:
```bash
npm start
```### Backend Setup
1. Install the required Python dependencies:
```bash
cd backend
pip install -r requirements.txt
```2. Start the FastAPI backend server:
```bash
uvicorn main:app --reload
```### Running the App
Once both the frontend and backend servers are running, navigate to `http://localhost:5173` in your browser to interact with the CanvasAI tool.
Navigate to `http://localhost:8900` to check your backend connectivity. If everything is correct you should see something like this![Screenshot 2024-11-14 232638](https://github.com/user-attachments/assets/b2124784-1aa9-4aa9-b41c-a3b5e3dfead6)
## Usage
- Open the application in your browser.
- Enter a mathematical equation or problem in the input field on the canvas.
- Watch as CanvasAI provides a real-time solution with step-by-step instructions.
- Use the interactive features of the canvas to visualize your work and edit the problem as needed.## Contributing
We welcome contributions! Here’s how you can help improve CanvasAI:
1. Fork the repository.
2. Create a new branch for your feature or bugfix.
3. Make your changes and test thoroughly.
4. Submit a pull request with a description of your changes.## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Contact
If you have any questions, suggestions, or feedback, please reach out:
- **Email**: [email protected]
- **GitHub**: [Axestein](https://github.com/Axestein)