Skip to content

dadadadas111/SketchMath

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🔢 SketchMath

SketchMath Banner

Turn your geometry problems into interactive diagrams with AI

✨ What is SketchMath?

SketchMath is a nifty little web app that uses AI to transform written geometry problems into beautiful interactive diagrams. Simply type your problem, click "Generate Diagram," and watch as your geometric challenge comes to life!

Whether you're a student struggling with homework, a teacher preparing visual aids, or just a math enthusiast, SketchMath makes visualizing geometry problems quick and painless.

🌐 Live Demo

Try it now: https://sketchmath.onrender.com/

🚀 Features

  • 💬 Text-to-Diagram Conversion: Describe your geometry problem, and let AI do the drawing
  • ⚙️ Code Visibility: Toggle to see the JavaScript code behind your diagram
  • 🖌️ Interactive Diagrams: Powered by JSXGraph for smooth, interactive geometry

🛠️ Technology Stack

  • Frontend: HTML, CSS, JavaScript
  • Backend: Node.js with Express
  • AI: Google's Gemini AI
  • Diagram Rendering: JSXGraph

📋 Getting Started

Prerequisites

  • Node.js (v14 or higher recommended)
  • A Gemini API key from Google

Installation

  1. Clone this repository:

    git clone https://github.com/dadadadas111/sketchmath.git
    cd sketchmath
    
  2. Install dependencies:

    npm install
    
  3. Create a .env file in the root directory and add your Gemini API key:

    GEMINI_API_KEY=your_api_key_here
    
  4. Start the server:

    npm start
    
  5. Open your browser and navigate to:

    http://localhost:3000
    

🎮 How to Use

  1. Type a geometry problem in the text area
  2. Click "Generate Diagram" and wait for AI to work its magic
  3. Explore the interactive diagram that appears
  4. Optionally, click "Show Code" to see the JavaScript behind your diagram
  5. Use "Clear" to start over with a new problem

🌐 Examples

Try these examples to see SketchMath in action:

  • "Draw a right triangle ABC with angle C = 90°, side AB = 5 units, and side BC = 3 units."
  • "Construct a circle with radius 3 and a point P at distance 5 from the center. Draw the tangent lines from P to the circle."
  • "Draw a square ABCD with side length 4 and its diagonals."

❤️ Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

📝 License

This project is MIT licensed.

🙏 Acknowledgments

  • Built with love by dadadadas111
  • Powered by Google's Gemini AI
  • Visualization courtesy of JSXGraph

Made with ❤️ for math lovers everywhere

About

A small website to help you draw your geometry problem

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published