Virtual lab feature into new repo using HTML,CSS,JS

[Lakshya-2440]

No description provided.

[ghanshyam2005singh]

@Lakshya-2440 The code is too big, could you please add a proper description detailing about what things you have added and also add single/multiple screen recording showing everything what you have implemented and is it working or not.

[Lakshya-2440]

@ghanshyam2005singh sure

Here is a full breakdown of the transition from a traditional Django backend down to a modern, decoupled static UI based in HTML, CSS via Tailwind CSS, and Javascript.

Architectural Changes Documented
The project was refactored efficiently shifting logic strictly client-side allowing fast deployment directly via GitHub Pages or simple static web hosts.

Core Application Route: Replaced views.py navigation with client-side pathing using static directories. Core hub navigates to virtual_lab/index.html.
Physics Labs (virtual_lab/physics/): Fully functional interactive Javascript simulations running logic entirely locally leveraging canvas integrations with physics_pendulum.js, physics_inclined.js, physics_circuit.js, physics_mass_spring.js, and physics_projectile.js.
Chemistry Labs (virtual_lab/chemistry/): Converted models into robust interactive web-components. Features specific static sub-pages for tests like ph-indicator, solubility, and titration.
Interactive Code Editor (virtual_lab/code-editor/): Replaced native text inputs with standard integrated Javascript ace editor components via code_editor.js. Utilizes piston API for code evaluations instead of internal backend Python execution resulting in language support up to C++, Python, Javascript, and Java.

2026-03-04.01-42-49.mp4