Developer Builds Interactive Karachi Street Food Page Tied to Real-Time Night Schedule

A developer created a single-page frontend project called 'Karachi Ki Raatein' as a submission for a Frontend Challenge focused on comfort food. The page maps Karachi's informal street food culture — chai, bun kabab, nihari, seekh kabab, and halwa puri — to a time-based schedule that reflects how the city actually eats after dark. A live 'Night Clock' reads the visitor's local device time and highlights whichever food stall is currently 'in season,' making the page behave differently depending on when it is opened. The frontend features a canvas-based particle steam simulation that reacts to cursor movement, hand-drawn CSS and SVG illustrations, and a dark color scheme inspired by the smoky, tube-light-lit aesthetic of Karachi's night stalls. The project also prioritizes accessibility, supporting reduced-motion preferences, keyboard navigation, and full responsiveness across devices.