Developer Builds Interactive Vada Pav Landing Page for Frontend Challenge
A developer has created an interactive landing page dedicated to vada pav, the iconic Mumbai street food, as a submission for the Frontend Challenge Comfort Food Edition. The single-file, framework-free site features an animated hero section with steam, string lights, and a monsoon rain backdrop evoking a roadside stall. Its centrepiece is a Vada Pav Builder, built with vanilla JavaScript, that lets users toggle five real toppings and watch them stack correctly on an SVG illustration while a live sentence and heat meter update in real time. The page also includes a personal story section and a four-moment timeline tracing the dish across different times of day. Accessibility was a priority, with ARIA live regions, keyboard focus states, and full prefers-reduced-motion support implemented throughout.
This is an AI-generated summary. ShortSingh links to the original source for the complete article.
Discussion (0)
Log in to join the discussion and vote.
Log in