Front-end challenge Submission
This is a submission for Frontend Challenge - Comfort Food Edition, Perfect Landing What I Built Nairobi runs on a chaotic, vibrant energy. Professionals working from boutique hotels in Westlands or Kiliman
- This is a submission for Frontend Challenge - Comfort Food Edition, Perfect Landing
What I Built
Nairobi runs on a chaotic, vibrant energy. Professionals working from boutique hotels in Westlands or Kilimani need food that matches that energy: fast, healthy, and unapologetically local.
The stereotype of "boring village food" is dead. I built Moto Mziziβa digital storefront for a healthy, fast-delivery food brand that reclaims traditional Kenyan comfort food. We're talking smoky slow-simmered green grams (Ndengu Ninjas) and flame-grilled Lake Victoria tilapia, replacing westernized health food tropes with farm-fresh fire.
It features a high-contrast dark UI that prioritizes readability, an interactive "Pothole Guarantee" toggle (because Nairobi roads are unpredictable), and a fully responsive menu grid.
Demo
Journey
I wanted to capture a highly specific, localized persona rather than relying on a generic template. The challenge was combining professional investor-ready design with authentic local slang and vibe.
I'm particularly proud of the pure CSS art component in the Hero sectionβ rendered entirely using CSS and HTML div primitives, complete with a custom gradient for the steam animation keyframes. I also focused heavily on accessibility, ensuring semantic HTML, high contrast text ratios, and aria-pressed states on the interactive guarantee toggle.
Next up, I plan to integrate the WhatsApp Business API directly into the ordering flow for the "25-Minute Flex" rider logistics!
Members
Originally published by Dev.to WebDev. Aggregated on AIWithGhost for educational purposes β full credit and traffic to the original publisher.