Awaaz-e-Zaika β A Taste of Home π
This is my submission for the DEV Frontend Challenge: Comfort Food Edition β Perfect Landing.
What I Built
Awaaz-e-Zaika β A Taste of Home π
Some food doesn't just fill your stomach.
It reminds you of home.
I built Awaaz-e-Zaika, an imaginary Indian comfort-food restaurant inspired by the meals we grow up with β the kind of food that reminds you of family, Sunday lunches, your grandmother's kitchen, or simply a long day that ended with something warm on the table.
Instead of creating another typical food-delivery website, I wanted to create an experience that feels warm, nostalgic, and personal.
The idea was simple:
What if a restaurant website could make you feel at home before you even tasted the food?
Demo
π Live Site: https://ayushpatel25-prog.github.io/MYDEV/
π» GitHub: https://github.com/ayushpatel25-prog/MYDEV
Journey
For this challenge, I wanted to explore something beyond just making a visually attractive landing page.
I wanted the design to communicate a feeling.
I started with the idea of Indian comfort food and built the visual identity around warmth β earthy colors, editorial typography, food photography, and small details that make the interface feel more like a place than a website.
Some of the details I focused on:
- π Warm, food-inspired visual identity
- β¦ Editorial-style typography and layouts
- π± Fully responsive design
- π½οΈ Interactive menu with category filtering
- π Add-to-basket interaction
- β¨ Story and ordering modals
- π A storytelling section around the idea of home
- π Newsletter interaction
- π¨ Subtle textures and visual details
- β‘ Smooth scrolling and micro-interactions
I also wanted the page to feel good on mobile, not just desktop, so responsiveness was an important part of the build.
The Idea Behind the Design
There are restaurants where you go for the food.
And then there are places where you go because you feel better after being there.
That's what I wanted Awaaz-e-Zaika to represent.
The colors, typography, photography, spacing, and interactions were all chosen around that idea.
Not just a restaurant.
A feeling.
What I Learned
This challenge reminded me that frontend development isn't only about writing code.
A technically good website can still feel empty.
The interesting part is figuring out how design, content, interaction, and code work together to create an experience.
While building this, I focused a lot more on:
- Visual hierarchy
- Responsive layouts
- Typography
- User experience
- Micro-interactions
- Semantic HTML
- Clean JavaScript interactions
- Creating a consistent visual language
The part I'm most proud of is that the project isn't just a collection of sections.
It has a personality.
If someone lands on the page and thinks,
βI wish this restaurant actually existed.β
then I consider the project successful. β€οΈ
What's Next?
If I continue developing Awaaz-e-Zaika, I'd love to add:
- Real ordering functionality
- A complete cart experience
- Table reservations
- Food animations
- More regional Indian dishes
- A proper backend
- User accounts and order history
For now, it's a small concept built around a simple idea:
Good food doesn't just feed you.
Sometimes, it takes you home. π
Built with HTML, CSS & JavaScript.
Thanks for checking it out! I'd love to hear your feedback on the design and overall experience.
Top comments (0)