Ghorer Thali: Homestyle Comfort Food Landing (DEV Frontend Challenge)

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

What I Built

ঘরের থালি (Ghorer Thali) is a fictional home-kitchen restaurant landing page built around South Asian comfort food I actually love: Peshawari meat (namkeen-style light broth with bone, potato, and whole pepper), beef curry, and chicken biryani.

The brand is meant to feel like walking into a family table in Old Dhaka, not a glossy food-delivery app. The first viewport leads with the restaurant name, one headline, one supporting line, and two CTAs over a full-bleed food hero. Below that:

• A short story about slow cooking and patience
• An interactive menu with tabs, dish photos (including my own Peshawari photo), descriptions, and prices in BDT
• A visit section with address on Islampur Road, Chawkbazar

The full page is available in Bangla and English via a language toggle, with the choice remembered in localStorage. I cared about accessibility basics too: skip link, semantic sections, focus styles, and prefers-reduced-motion.

Stack: Vite + React + TypeScript + plain CSS (design tokens, no heavy UI kit)

Live site: https://ghorer-thali.vercel.app/

Demo

ghorer-thali.vercel.app

KPorus / Ghorer-Thali

Frontend Challenge — Comfort Food Edition

Folder	Prompt	Brand
css-art/	CSS Art	ঘরের থালি — পেশোয়ারি মাংস, বিরিয়ানি, গরুর কারি
landing/	Perfect Landing	ঘরের থালি (Vite + React + TS)

View on GitHub

Journey

I started from the challenge’s Perfect Landing brief and picked dishes that feel like home for me, then shaped a brand around them instead of forcing a generic “food restaurant” template.

A few decisions I’m glad I made:

1. Bangla as the default language. Comfort food is cultural. If the kitchen is “ঘরের থালি,” the UI should speak that first, with English as an option.
2. Honest Peshawari context. Early drafts used the wrong kind of “grilled meat” imagery. I replaced it with my own photo and rewrote the copy to match namkeen-style broth, bones, and potatoes.
3. Keep the craft in CSS. No design-system maze. CSS variables, clear sections, light motion for presence (hero drift, steam, menu panel transitions).

I also learned that small details sell the theme: Old Dhaka location, ৳ pricing, dish-specific alt text, and removing decorative em dashes so the Bangla and English reading flow stays clean.

What’s next

• A small recipe or “how we cook dum” section
• Real map embed for the Chawkbazar location
• Stronger image optimization for the hero and menu photos

Built with modern frontend tools and careful iteration on content and visuals. Thanks for the challenge. Now I’m hungry again.