Own project

ModernStore

E-commerce plus POS billing in one Next.js app — product catalog, cart with cross-tab sync, admin panel, receipt generation, and automatic database seeding.

Role
Personal project — full-stack development
Stack
  • Next.js 14
  • React 18
  • TypeScript
  • Tailwind CSS
  • SQLite
Links

ModernStore is a compact answer to a common brief: a shop that sells online and rings up sales at a counter, in one deployable app — catalog, cart, admin, and printed-style receipts included.

Solution & architecture

Built with Next.js 14, React 18, TypeScript, and Tailwind CSS on SQLite, the app serves a product catalog with a cart that stays in sync across browser tabs, an admin panel for managing the store, and receipt generation for POS-style billing.

Automatic database seeding means a fresh clone boots into a working store — no manual setup before you can click around a realistic dataset.

Key technical decisions

  • SQLite as the whole data layer. For a self-contained store, an embedded database removes an entire class of setup and hosting complexity while keeping real relational semantics.
  • Cross-tab cart sync. A cart that differs between two open tabs is a subtle correctness bug; syncing state across tabs treats it as one.
  • Seeded from the start. Demo-ability is a feature: the store is always one npm run dev away from being explorable.

Outcome

A public, cloneable reference for e-commerce + POS billing in one codebase — source linked above.