MathGenius AI

• 

  Quiz page

• 

  Can select Difficulty level and Number of Question

• 

  Can also generate custom quiz

• 

  explanation at the end of the quiz , also student can download it .

• 

  Main Page

• 

  Home page

Inspiration

Mathematics can be challenging for students, especially when concepts are not explained interactively. We wanted to create an AI-powered learning platform that makes math engaging and accessible through handwriting recognition, adaptive quizzes, and AI-generated explanations. Our goal was to bridge the gap between traditional learning and modern AI-driven education.

What it does

Math Genius AI enhances learning by:

• Recognizing handwritten math problems and solving them (work in progress)
  
• Generating AI-powered math questions with step-by-step explanations
  
• Providing adaptive quizzes based on user performance
  
• Tracking student progress and generating reports
  

How we built it

We developed Math Genius AI using:

• Frontend: Next.js, React, TypeScript, Tailwind CSS, and Canvas API
  
• Backend: Node.js, Express.js, MongoDB, Mongoose
  
• AI Integration: Google Gemini AI for question generation and math assistance
  
• Authentication: OTP-based email verification using Gmail SMTP
  
• PDF Generation: jsPDF for quiz reports
  

Challenges we ran into

• Handwriting recognition issues – Extracting accurate equations from handwritten input is complex and still being improved.
  
• AI response optimization – Tuning Google Gemini API to generate accurate and diverse math questions.
  
• Performance optimization – Ensuring smooth real-time interactions while handling AI-generated content.
  
• Authentication security – Implementing a secure OTP-based login system while protecting user data.
  

Accomplishments that we're proud of

• Successfully built a working AI-powered quiz system that generates and evaluates math problems dynamically.
  
• Implemented a smart math tutor that provides step-by-step solutions in a conversational way.
  
• Developed a scalable authentication system with secure email verification.
  
• Built an interactive UI with a modern design, making math learning more engaging.
  

What we learned

• AI integration with education – How to use AI to create a personalized learning experience.
  
• Building interactive UI components – Using Canvas API for real-time handwriting input.
  
• Optimizing AI-generated content – Fine-tuning AI prompts for accuracy and adaptability.
  
• Security best practices – Implementing JWT authentication and OTP verification securely.
  

What's next for Math Genius AI

🚀 Improvements & New Features:

• Fix handwriting recognition issues for accurate equation extraction.
  
• Enhance AI-powered tutoring with voice-based interactions.
  
• Gamification elements – Introduce badges, leaderboards, and rewards to boost engagement.
  
• Mobile app version – Expand accessibility with a React Native mobile app.
  
• Multilingual support – Enable math learning in multiple languages to reach a global audience.
  

Built With

• canvasapi
• express.js
• geminiaiapi
• jspdf
• mongodb
• nextjs
• node.js
• react
• tailwind
• typerscript