Create a modern web application called "HSC Virtual Practical Lab" for Class 12 HSC students.
STYLE:
CORE FEATURES:
PHYSICS PRACTICALS:
For Ohm's Law:
Allow user to connect:
Battery → Key → Rheostat → Ammeter → Resistor
Voltmeter connected parallel across resistor
Show:
CHEMISTRY PRACTICALS:
Features:
BIOLOGY PRACTICALS:
Features:
ELECTRONICS PRACTICALS:
ADMIN FEATURES:
AI FEATURES:
REPORT GENERATION:
TECH STACK:
UI REQUIREMENTS:
This is an ambitious and comprehensive project with multiple distinct systems (Physics, Chemistry, Biology, Electronics labs), complex interactive components (drag-and-drop, circuit connections, wire animations), and advanced features (AI assistant, progress tracking, certificates). Before I start building, let me enter plan mode to design a detailed architecture and implementation strategy.
Now let me explore the existing codebase to understand what's already available:
Good! The project already has Framer Motion, Recharts, Zustand, and most needed dependencies. Let me check the current app structure:
Now let me check the existing experiments library and structure:
The project already has a physics lab foundation. Now let me write a comprehensive plan:
Now let me ask the user some clarifying questions before proceeding:
Which phase would you like me to prioritize? Should I start with the full Foundation Infrastructure (Phase 1), jump directly to a single practical like Ohm's Law (Phase 2.1), or focus on a specific laboratory type (Physics/Chemistry/Biology/Electronics)? Full Physics lab
For the wire connection system, which approach would you prefer? Canvas 2D
Should I include database/authentication, or keep it as a local-only progressive web app (PWA)? Full backend (Firebase)
For AI features, what's your priority? Full assistant
I have the answers I need. Let me create a detailed implementation plan for this comprehensive HSC Virtual Lab:
Now let me exit plan mode for user review and approval:
I approve the plan, let's build it.