DevInfinity
ServicesWorkPricingContactChat on WhatsApp
All projects
Website Information

Astarry Cafe

Website for a cafe in Taman Connaught, Cheras, with live opening status, a searchable menu, gallery and Google reviews.

  • HTML
  • CSS
  • JavaScript
Screenshots
8 screenshots
Interactive demos
4 interactive demos
Features
20 features

Home: storefront hero, rating badge, directions and call buttons

1 / 8

What it does

Features, in plain words.

Website for a cafe in Taman Connaught, Cheras. Live open/closed status, a searchable 84-item menu with category tabs, photo gallery, Google reviews and directions. Menu and prices live in one data file so the owner can update them without touching code.

  • Open right now?

    Status is computed live in Kuala Lumpur time with a countdown to closing, refreshed every 30 seconds. Nobody turns up to a locked door.

  • A menu people can actually search

    Category tabs plus debounced search across names (English and Chinese), descriptions, item codes and tags. Each card says whether the price is dine-in or delivery.

  • Owner-editable content

    Every business fact, dish and review lives in one data file. Changing a price needs no HTML, CSS or JavaScript.

  • Reviews that sell

    Rating breakdown, clickable dish keywords that search the menu, and a carousel that pauses on hover.

  • Fast and light

    No frameworks, no build step. Responsive to 320px and respects reduced-motion settings.

Full feature list

Everything this site does: all 20 features.

Grouped by module, so you can see how much a project like this actually covers.

01

Pages & content

5
  • Home: storefront hero, rating badge, Est. year, directions / call / menu buttons
  • 'Right now' strip: open status, how to order, busiest hours
  • About section
  • Visit: embedded map, weekly hours with today highlighted
  • All business facts, menu and reviews in one data file (js/data.js)
02

Menu

6
  • 84 items with the cafe's own product photography
  • 15 category tabs
  • Debounced live search across English and Chinese names, descriptions, item codes and tags
  • Dine-in vs delivery price labels on every card
  • 'At outlet' fallback when a price isn't published
03

Gallery & reviews

4
  • Photo gallery with lightbox: arrow keys, swipe, Esc
  • Rating breakdown (5→1 stars) with percentages
  • Most-mentioned dishes as clickable chips that search the menu
  • Autoplaying review carousel that pauses on hover
04

Live status & tech

5
  • Open / Closed computed in Asia/Kuala_Lumpur time, refreshed every 30 s
  • Countdown to closing / opening
  • Status badge in the navbar
  • Responsive down to 320px; prefers-reduced-motion respected
  • No frameworks, no build step: plain HTML, CSS, JS with an inline SVG icon sprite

Try the features

Click around: these are working mini versions.

Each demo is a small, self-contained copy of one real feature from this project. Nothing is saved and nothing leaves your browser.

Live open / closed

Computed in Kuala Lumpur time with a countdown to closing.

Try it: live open / closed status

OpenCloses at 22:00 · in 12h 00mTue 10:00 KL · live
00:0023:59

Menu search

Category tabs plus live search across English and Chinese names and item codes.

Try it: menu search

  • Aglio Olio with Mushroom

    蒜香蘑菇意大利面 · P1

    RM 18.90

  • Chicken Bolognese

    经典鸡肉肉酱意大利面 · P3

    RM 18.90

  • Japanese Curry Chicken Rice

    日式咖喱鸡饭 · R2

    RM 16.90

  • Chicken Chop Rice

    鸡扒饭 · R5

    RM 17.90

  • Big Breakfast

    大早餐 · B1

    RM 17.90

  • Burnt Cheesecake

    巴斯克芝士蛋糕 · D2

    RM 13.90

  • Tiramisu

    提拉米苏 · D4

    RM 14.90

  • Iced Latte

    冰拿铁 · K1

    RM 11.90

  • Mushroom Soup

    蘑菇汤 · K6

    RM 8.90

9 of 9 items

Gallery lightbox

Photo grid that opens full-size with arrow keys, swipe and Esc.

Try it: gallery lightbox

Reviews explorer

Rating breakdown and most-mentioned dishes that filter the reviews.

Try it: reviews explorer

4.9

★★★★★

1,249 Google reviews

  • 594%
  • 44%
  • 31%
  • 20%
  • 11%

Most mentioned dishes

  • “Really enjoy the food here, big portion with reasonable price. The aglio olio is a must.”

    Joyce Au

  • “Mushroom soup is creamy and the chicken chop is huge. Staff very friendly.”

    Hafiz R.

  • “Japan curry rice was good, a bit slow on weekends.”

    Mei Ling

  • “Best chicken chop in Connaught. Quiet before noon.”

    Daniel

Your turn

Need something like this for your business?

Tell me what you run and what slows you down. I'll reply on WhatsApp within a day with what I'd build and what it would cost.

Chat on WhatsApp