11 admin screens for batches, prescriptions and orders. 8 storefront screens. One typed data model, so an order placed in the shop shows up in the admin with stock already adjusted.
Here is what is happening at your pharmacy today.
15 of 21 catalog items above their reorder threshold.
Both apps read and write the same typed store, persisted to localStorage. Try it: check out in the storefront, then open the order queue.
/shop/product/shop/checkout/admin/orders/admin/inventory/admin/reportsTrack stock by batch and expiry, review prescription documents, move orders through fulfillment and see what sells on which weekday.
A calm catalog grouped by where products live in the house. Medicines show their full label, and prescription items are clearly kept apart.
Every color is a token in src/styles/tokens.css. Pick one below and the whole page follows.
/admin/dashboardRevenue and order KPIs, 30-day trend chart, low-stock and pending-review alerts.
/admin/productsSortable catalog with category, stock and prescription filters, plus CSV export.
/admin/products/newProduct form with pack variants, pricing and an opening stock batch.
/admin/inventoryBatches with lot numbers, expiry dates, physical vs. available stock and an adjustment log.
/admin/ordersOrder list with status filters and transitions from pending to delivered.
/admin/orders/viewLine items, customer, status history and a printable invoice.
/admin/prescriptionsQueue of sample prescription documents with approve and reject-with-note actions.
/admin/customersCustomer list and profiles with order history and total spent.
/admin/suppliersSupplier directory with contacts, lead times, supplied products and unit costs.
/admin/reports7, 30 and 90-day revenue, weekday sales split and top products, built with Recharts.
/admin/settingsStore details, currency, notification preferences and a reset for the demo data.
/shopHero, category grid, an over-the-counter medicines row and a featured edit.
/shop/productsCatalog with search, category, price and stock filters, sorting and pagination.
/shop/productActive ingredient, directions and warnings tabs, pack limits and live stock.
/shop/productPack-size selector with live pricing, stock count and specifications.
/shop/cartQuantity controls, stock limits and a free-delivery progress meter.
/shop/checkoutThree-step checkout with address validation; creates a real order in the admin.
/shop/aboutHow the catalog is organized, plus delivery rates.
/shop/contactContact form with client-side validation and store hours.
/demosAll three skins side by side in light and dark mode.
/auth/loginSplit-layout sign-in with one-click demo credentials. Register and reset screens included.
/docsIn-app guide to tokens, components and where to connect a backend.
/404Not-found page with links back to the dashboard and storefront.
/server-errorServer-error page with retry, a dashboard link and a storefront link.
src/ ├─ app/ routes (App Router, static export) ├─ features/ one folder per screen ├─ components/ui/ Radix-based primitives ├─ lib/ │ ├─ domain.ts stock, expiry, pricing rules │ └─ reducer.ts every mutation, in one place ├─ data/seed.ts typed sample records └─ styles/tokens.css colors, radii, shadows
src/lib/domain.tssrc/lib/reducer.tssrc/styles/tokens.cssdocs/index.html