React.js ยท Mockup ยท v0.2

๐Ÿ’… Glamora

Beauty, salon & spa booking + beauty-product marketplace. All apps built in React.js with prepopulated mock data โ€” backend integration ready.

๐Ÿ‘ค

For customers ยท ๐Ÿ“ฑ Mobile

User App

Find nearby salons & spas, book a slot, pay online, and shop beauty products.

  • โ€ข Splash โ†’ Login โ†’ Home flow
  • โ€ข Location-based salon discovery
  • โ€ข Time-slot booking + payment
  • โ€ข Beauty product e-commerce
  • โ€ข My bookings & orders
/user/ Open โ†’
๐Ÿ’ผ

For salon / spa owners ยท ๐Ÿ“ฑ Mobile

Vendor App

Register your business, manage slots, services & products, and accept bookings.

  • โ€ข Business registration + KYC
  • โ€ข Manage services, prices & slots
  • โ€ข Accept / cancel bookings
  • โ€ข Sell products + earnings
/vendor/ Open โ†’
๐Ÿ›ก๏ธ

For platform owner ยท ๐Ÿ–ฅ Desktop

Admin Panel

Approve vendors, manage users, bookings, products, banners & payouts.

  • โ€ข Vendor onboarding & KYC approval
  • โ€ข Banner & offers manager
  • โ€ข Bookings, orders & payouts
  • โ€ข Reports + commission settings
/admin/ Open โ†’

๐Ÿ“Œ What changed in v0.2 (React rewrite)

Each app is a separate Vite + React + Tailwind project under apps/, sharing mock data from packages/mock-data. State is held in React Context โ€” swap it for Redux/Zustand or fetch calls when you wire the backend. Routing uses react-router-dom with HashRouter, so deep-linking works from any static host.

User flow: Splash โ†’ Login โ†’ Home โ†’ Pick salon โ†’ Add services โ†’ Slot โ†’ Pay โ†’ My Bookings
Vendor flow: Splash โ†’ Login โ†’ Dashboard โ†’ accept pending booking โ†’ Slots / Products / Earnings
Admin flow: Login โ†’ Dashboard โ†’ Vendors โ†’ approve KYC ยท Banners โ†’ toggle