E-commerce

Store Locator

A branch finder for an electronics chain with eight stores across Lebanon, drawn on an SVG map. List and map stay in sync, filters cover open now, pickup, repairs and parking, distances and drive times update from any area or a pin dropped on the map, opening hours handle Sundays and Friday midday breaks (“closes in 40 min”), and every branch shows live stock for a chosen product with reserve-for-pickup.

Use the Live / Loading / Empty / Error switch at the top to see every state.

Why it matters

Shoppers find the nearest branch that is open and actually has the product before they drive across town, which turns online browsing into store visits and cuts “is it in stock?” calls.

How it works

  1. 01Pick your area, drop a pin on the map or use Locate me (simulated GPS); branches re-sort by road distance with an estimated drive time and a route line on the map.
  2. 02Opening-hours rules run on Beirut time: weekday and Sunday hours, Friday midday breaks, closing soon and next opening. A time preview shows how the page behaves on a Saturday evening or a Monday morning.
  3. 03Choose a product to see stock per branch on the list and on the pins, filter to branches that have it, and reserve one for pickup with a code sent by SMS (simulated); the hold persists and can be cancelled.

See it inside a full build