dmuvaa/vlab-kenya

V-Lab 6.0: Virtual Science Deconstructor 🧪⚛️🧬 Hackathon Track: EdTech / AI-Powered Learning Built With: React, Firebase, Google Gemini (Multimodal Vision) 🚀 Overview V-Lab 6.0 is an advanced educational tool designed to bridge the gap between static textbook diagrams and deep conceptual understanding. Unlike standard simulators that offer pre-canned experiments, V-Lab uses Generative AI (Gemini 1.5 Flash) to "see" and "deconstruct" any scientific process. Students can upload a complex diagram (e.g., The Solvay Process, Human Heart Anatomy, or an Electrical Circuit), and the AI breaks it down into an interactive, step-by-step visual storyboard with quizzes and teacher's notes. ✨ Key Features 📸 Diagram Deconstruction (Vision API): Upload an image of a scientific process. The AI analyzes the image components and flow. It generates a step-by-step interactive simulation based on the visual data. 🔄 Adaptive Visual Engine: Chemistry/Biology: Renders Isometric 3D-style visualizations. Physics/Circuits: Switches to strict 2D schematic standards (orthogonal lines, standard symbols). Process Flows: Generates high-contrast, "Blueprint" style flowcharts. 📝 Smart Notebook: Real-time note-taking side panel. Auto-Generate Notes: One-click generation of study notes for the current step using AI. 🧩 Rebuild Challenge: After the simulation, students face a "Reconstruction Challenge" to verify retention. They must mentally map the "Master Blueprint" before completing the lab. 📊 Automated Lab Reports: Compiles a final PDF-ready report containing the summary, field notes, and safety warnings. 🛠️ Tech Stack Frontend: React (Single File Component structure for portability). AI Engine: Google Gemini 1.5 Flash (via generativelanguage.googleapis.com). Database: Firebase Firestore (for saving user history/notes). Auth: Firebase Authentication (Anonymous login for frictionless access). Styling: Tailwind CSS (via CDN or standard utility classes). ⚙️ Local Setup Instru …