POS Cafe preview 1

POS Cafe

Starter app draft for a small online shop or POS workflow with enough structure to continue from.

App DraftBusiness AppAvailableRp 69.000IntermediateUpdated 2026-07-09Next.js 16 (App Router), React 19, TypeScript, Prisma 7 + PostgreSQL (Neon), iron-session, TanStack Query, Tailwind CSS, GSAP, QR code generation
DemoBuyBuy · Lynk.idRp 69.000

Description

Complete cafe point-of-sale system with three ordering paths (cashier, web self-order, per-table QR), a live kitchen board, a table floor with status tracking, a manager dashboard, and full admin CRUD. Sold as a rebrandable draft — the main things left to customize are the brand and the payment gateway.

What Already Works

Public cafe landing page with menu highlights, location, and hours
PIN login with 3 roles: cashier, kitchen, manager
Cashier POS: product grid, cart, dine-in/takeaway, table picker, mock payment
3 ordering paths: cashier, web self-order, and per-table QR ordering
Live kitchen board (received → preparing → ready → completed)
Table floor with available / occupied / reserved status
Manager dashboard: revenue, orders, top products
Admin CRUD for products, categories, inventory, and tables
Receipt view with browser print, and bulk QR code printing per table

What's Included

  • Full source code
  • README and setup guide
  • InMyDraft Commercial License
  • AI-ready docs (PRD, technical spec, deployment notes)
  • Prisma seed data
  • Vitest unit tests

How to Run

  1. Unzip the source, copy .env.example to .env, and set DATABASE_URL (PostgreSQL, Neon recommended) and SESSION_SECRET (min. 32 random characters).
  2. Run npm install.
  3. Run npm run db:push to sync the Prisma schema to your database.
  4. Run npm run db:seed to load demo menu, tables, and users.
  5. Run npm run dev and open http://localhost:3000.
  6. For production: npm run build then npm start; deploy to Vercel with the same environment variables.

Continuation Notes

  • Set DEMO_MODE=false before going live — the demo build ships a one-click auth bypass so buyers can explore without a PIN.

Known Limitations

  • Demo PINs are stored in plaintext — must be hashed and rate-limited before production use
  • Payment gateway is a mock only — a real provider (Midtrans, Xendit, Stripe) needs to be wired in, though the interface is ready for it
  • No multi-branch or multi-outlet support
  • No customer accounts, loyalty, or promotions
  • Receipt printing is browser-print only, no thermal printer support
Preview of Personal Finance Tracker
App DraftBusiness AppAvailable

Personal Finance Tracker

Half-built but running web app draft for tracking personal income, expenses, and simple cashflow habits.

Vite 6React 19Express 4TypeScriptTailwind CSS 4+3

Rp 69.000

Preview of BatuWorkout Class Booking
App DraftBusiness AppAvailable

BatuWorkout Class Booking

Workout class booking draft with public schedule pages, booking/member/admin screens, and manual-payment MVP direction.

Next.js 16 (App Router)React 19TypeScriptTailwind CSSQR code generation+2

Rp 80.000

Preview of AlHijrah Islamic Digital Ecosystem
App DraftBusiness AppAvailable

AlHijrah Islamic Digital Ecosystem

Full-stack Islamic super-app draft: Qur'an, prayer times, Qibla, mosque finder, Zakat/inheritance calculators, donations, and a marketplace across five main menus.

Next.js 16React 19TypeScriptadhan (prayer calculation)maplibre-gl+2