MagicBoard is an interactive AI-powered canvas that allows users to draw math problems or equations and receive intelligent answers in real-time. It leverages advanced image processing and Google Generative AI to interpret handwritten math content. Designed with modern UI components and seamless user experience in mind.

• ✍️ Interactive Canvas: Draw equations, symbols, or expressions directly on the board.
• 🤖 AI-Powered Responses: Uses Google Generative AI to interpret and solve mathematical content from drawings.
• 🌈 Modern UI: Built with shadcn/ui and lucide-react for a clean, modern interface.
• 💬 Text-to-Speech: Converts AI-generated responses into voice using speech synthesis.
• 🔒 Authentication: Secure user login and registration.
• 🌗 Dark/Light Mode: Toggle between dark and light themes.
• 📱 Responsive Design: Fully responsive across all devices.

Check out the live demo of MagicBoard: MagicBoard Live

• React.js: A JavaScript library for building user interfaces..
• Tailwind CSS - A utility-first CSS framework for styling components.
• Lucide-react - A collection of beautiful, customizable icons for React.
• Framer Motion - A library for declarative animations in React.
• ShadCN/UI - A set of customizable UI components for building modern web applications.
• React Toastify: Displaying interactive notifications to enhance user experience.

1. Clone the repository:

   https://github.com/KompallyAkhil/MagicBoard
   cd frontend
   npm run dev

2. Clone the repository:

   https://github.com/KompallyAkhil/MagicBoard-Backend
   cd backend
   nodemon index.js
   

Stay Connected 🌐

• Project Updates: Follow our journey on GitHub for regular updates and improvements.
• Need Help?: If you have any questions or encounter issues, feel free to open a GitHub issue or contact us directly.

Happy coding! 💻🎉