Dev.to WebDev πŸ›  Dev πŸ‘ 0 πŸ“– 1 min read

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

Front-end challenge Submission

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

MVP link

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

sqware

Site landing page

πŸ“° Read the original article on Dev.to WebDev

Originally published by Dev.to WebDev. Aggregated on AIWithGhost for educational purposes β€” full credit and traffic to the original publisher.