Smart Traffic Signal Demo Website

I’m creating an IoT-based Smart Traffic Signal for my first-semester CSE-ICB project and need a fully working website that can demonstrate the whole idea in a browser, both on desktop and mobile. The page should open with an attractive intersection illustration that immediately shows the red, yellow, and green lights cycling on a four-way road intersection. Timing must run automatically, yet remain realistic and smooth.

Because the focus is “smart” control, the site has to detect an emergency vehicle inside the simulation and automatically grant it right of way—no manual button; the logic should switch the chosen lane’s light to green and adjust the remaining phases gracefully. Normal traffic conditions will be visualised through small car animations, varying from light to heavy flow, so anyone watching can see congestion build up or ease off at a glance.

I also need a simple dashboard panel, preferably sliding in from the side, that lets me tweak cycle durations and reset the simulation during the demo. All visuals and controls must be built with plain HTML, CSS, and vanilla JavaScript (no frameworks), commented clearly so I can explain the code to my instructors later.

Deliverables
• Complete, well-commented HTML, CSS, and JS files
• Responsive design that scales down neatly on phones
• Setup notes explaining how to run the site locally (just opening index.html in a browser is fine, but mention any special assets or paths)
• A short read-me describing how the emergency detection logic works and how the traffic levels are animated

Once everything is ready, please zip the project folder and include the read-me so I can present it without extra configuration.