Ghar - Food that raised us

This is a submission for Frontend Challenge - Comfort Food Edition, Perfect Landing

What I Built

GHAR — Food That Raised Us.

What does home taste like?

GHAR is an interactive food-memory experience celebrating the dishes, kitchens, and people that raised us. Inspired by the universal connection between a mother’s cooking and the feeling of coming home, the experience brings together comfort food and memories from different kitchens around the world.

Instead of treating recipes as instructions, GHAR treats them as stories — who made them, why we remember them, and how food can make us feel at home anywhere.

Built with HTML, CSS, and Vanilla JavaScript, with a strong focus on CSS-driven visual storytelling, typography, illustration, and subtle interactions.

Demo

🔗 Live Demo: Vercel Link
🔗 GitHub Repo Link: Github Repo Link

Journey

This project started with a simple thought:

Different kitchens. Different recipes. Same love.

I wanted to explore whether a food website could feel less like a recipe platform and more like opening an old family recipe book.

I experimented with paper textures, editorial typography, hand-drawn illustrations, CSS motion, responsive layouts, and interactive storytelling.

I'm particularly proud of the idea of ending the journey at The Family Table — with an empty chair waiting for you.

The project is still evolving, and I plan to continue polishing the interactions, illustrations, recipes, and storytelling after the challenge.

Made with a lot of CSS, a little JavaScript, and probably too much food inspiration. ❤️