Favora
A sales desk for a small online shop, with a live report
A complete sales and back-office app for a small online shop that sells through its own web shop, markets, wholesale and marketplaces, in black and white with one orange highlight, with a light and a dark theme, and it comes with sample data for a made-up honey and beeswax maker. Good for: an online shop or small brand, a maker who sells at markets and wholesale, an e-commerce or sales dashboard, or anyone who wants a full multi-page app to start from. How it works: the overview shows today's takings, parcels to pack and shop visits, revenue hour by hour against the same day last week and orders as they come in; the sales report compares revenue, orders, visits or units for a week, a month, a quarter or a year against the period before, and the chart changes shape as you switch. Includes: the path from visit to paid, sales by product family, a heatmap of when people buy, channels compared, best sellers and a UK map of regions you click to see their towns; orders with a drawer to move, refund or print a slip, and a packing bench where you drag parcels from To pack to On the bench to Gone today; products, stock with restocking and harvest batches; customers, segments and wholesale accounts; a ledger, payouts and refunds; wholesale invoices you send, chase and mark paid with a PAID stamp; reviews with replies and an ideas box; settings with team roles and a reset; help, a sign-in screen and Cmd+K search. How to use: run it as it is to explore with the sample data, which is saved in your browser, then connect your own shop, payments and stock data, since there is no backend; the sidebar folds to an icon bar, and it works on every screen from phone to desktop with a bottom tab bar on phones. Built with React, TypeScript and GSAP.
$91.00 — one-time price, free updates
- A React app template
- React and Vite · npm install and it runs
- Build unlimited client sites with it
Built with React, CSS, GSAP.
What is in the zip
- app.css
- css/customers.css
- css/help.css
- css/invoices.css
- css/orders.css
- css/overview.css
- css/payments.css
- css/products.css
- css/report.css
- css/reviews.css
- css/settings.css
- index.html
- src/App.tsx
- src/actions.tsx
- src/env.d.ts
- src/finder.tsx
- src/main.tsx
- src/motion.ts
- src/pages/customers.tsx
- src/pages/help.tsx
- src/pages/invoices.tsx
- src/pages/orders.tsx
- src/pages/overview.tsx
- src/pages/payments.tsx
- src/pages/products.tsx
- src/pages/report.tsx
- src/pages/reviews.tsx
- src/pages/settings.tsx
- src/pages/types.ts
- src/router.ts
- src/store.ts
- src/ui/charts.tsx
- src/ui/format.ts
- src/ui/icons.tsx
- src/ui/kit.tsx
- src/ui/overlay.tsx
- tsconfig.json
Version history
- v1.0.0, 2026-11-05 — First release. Favora shipped, with the reel recorded from the real page.