Edu-Gen

This modern web application is designed specifically for teachers to streamline classroom content digitization and creation. Built with React.js and a clean, mobile-friendly UI, the app focuses on two core features to enhance teaching efficiency:

1. Chalkboard Scanner Tool

• Provide a page where a teacher can upload a photo of a chalkboard, notebook, or handwriting.
• Use OCR (such as Tesseract.js or an open-source OCR API) to extract text from the image.
• Display the extracted text on the page for review, copying, or editing.
• Optionally, allow downloading the extracted text, or saving a history of scans (localStorage/browser database).
• UX should be simple: upload image → see extracted digital text → copy or download.

• Content Generator Tool

• Provide a page or section for “Content Generation.”

• User enters options such as:

  • Subject/Topic
  • Grade/Class level
  • Content type (Worksheet, Lesson Plan, Notes)
  • Optional: Keywords, difficulty, or instructions

• When the user submits, call an AI backend (use OpenAI API, Gemini, or HuggingFace Inference API; or mock with demo data for now) to generate content.

• Display the AI-generated content (e.g., worksheet, lesson, notes) on the page.

• Optionally allow exporting this content as PDF or text, or copying to clipboard.

Built With

• geminiapi
• html
• react
• typescript