DEV Community

Cover image for Chai & Chill: Indian Street Food Landing Page 🍵
Arshad Ansari
Arshad Ansari

Posted on Edited on

Chai & Chill: Indian Street Food Landing Page 🍵

Frontend Challenge Perfect Landing Submission 🍲🥧

This is a submission for the DEV Frontend
Challenge: Comfort Food Edition.

🍵 The Inspiration

Growing up in Maharashtra, street food isn't
just food — it's a feeling. The smell of cutting
chai in the morning, the crunch of a fresh samosa,
the satisfaction of vada pav after a long day.

I wanted to capture that warmth in a website.

🏗️ What I Built

Chai & Chill — A cozy Mumbai-inspired Indian
street food landing page that feels like home.


🔗 Live Site: https://chai-and-chill-vibes.lovable.app
💻 GitHub: https://github.com/05unique-dotcom/chai-and-chill-vibes

🎬 Meet the Gang!

Chai, Samosa, Vada Pav aur Poha — sab mil ke
welcome karte hain Mumbai street food ki duniya mein!
☕🥟🍔🍛

✨ Features

  • 🏠 Hero section with real chai background & floating cup animations
  • 🛒 Working cart — live counter + toast notifications
  • 🍽️ 6 menu items with real food photos & ₹ prices: Cutting Chai, Vada Pav, Samosa, Poha, Misal Pav, Idli Chutney
  • 🔥 Special offer banner with animation
  • 📖 "From Mumbai Streets to Your Heart" story
  • 📞 Contact section with Mumbai address
  • 📱 Fully mobile responsive

🛠️ Tech Stack

  • React + TypeScript
  • Tailwind CSS
  • Lovable AI (AI-assisted development)
  • Built entirely on Android 📱 — no laptop!

🚀 My Journey

I'm Arshad — an 18-year-old self-taught developer
from Kudal, Maharashtra. I have no laptop.

Every single line of code, every bug fix, every
deployment — done entirely on my Android phone.

I choose Indian street food because it's not just
a theme for me — it's my culture, my comfort,
my home. 🇮🇳

When I see "comfort food" I don't think pizza.
I think cutting chai on a rainy Mumbai morning.

That's what Chai & Chill is — comfort,
coded from the heart.

🎨 Design Decisions

  • Warm orange/brown palette — evokes the color of chai and spices
  • Real food photography — makes it feel authentic and appetizing
  • Mumbai street address — grounds it in real Indian culture
  • ₹ pricing — not $, not €, but ₹ — proudly Indian 🇮🇳

Top comments (0)