Karachi Ki Raatein: A Love Letter to Midnight Street Food
This is a submission for Frontend Challenge - Comfort Food Edition, Perfect Landing What I Built Karachi Ki Raatein ("Karachi's Nights") — a single-page love letter to the street food that keeps my city awake after dark. Instead of a restaurant or a recipe box, I built it around a real pattern from home: Karachi basically runs on an unofficial food schedule. Maghrib means chai and something…
Karachi Ki Raatein, a single-page tribute to the midnight street food scene of Karachi, pays homage to the city's unofficial food schedule. Maghrib brings chai and fried snacks, Nihari is enjoyed after evening prayers, Seekh kabab appears wherever smoke wafts, and halwa puri is for those who never slept. The page's layout mirrors this rhythm, eschewing menus and stock photography for hand-drawn accents and vibrant visuals.
A key feature is the canvas-based particle system that simulates steam, reacting dynamically to cursor movement. A live Night Clock adjusts to the visitor's local time, highlighting the stall currently in season. The design opts for dark aesthetics, ember and turmeric color accents, and a hand-lettered font, steering away from conventional food site aesthetics.
The project emphasizes accessibility and responsive design, respecting user preferences for reduced motion and being fully keyboard navigable.
Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.
