Point of sale system - v0 by Vercel

Prompt for POS System (v0 Dev) I want to build a modern, responsive Point of Sale (POS) system with a clean, user-friendly interface, designed for both desktop and tablet use (responsive design). It should use:

Tailwind CSS for styling. shadcn/ui for pre-built, accessible UI components. Core Modules & Features:

Point of Sale (POS) Module Modern, intuitive interface using Tailwind CSS & shadcn/ui (cards, tables, inputs, buttons). Responsive design (works smoothly on desktop, tablets, and large mobile devices). Real-time cart display: Product image, name, price, and quantity. Ability to update quantities and remove items. Apply discounts (percentage or flat) at item level or cart level. Subtotal, tax, total dynamically updated. Product Search & Quick Add: Search by name, SKU, or category. Quick action buttons for frequently sold items. Payment Processing: Multiple payment methods (cash, card, split payments). Payment summary screen. Receipt Generation: Print or send digital receipt via email or SMS.
Admin Modules Inventory Management Manage products (Add, Edit, Delete). Track stock levels (in-stock, low stock, out of stock). Support product variations (size, color, etc.). Category & subcategory management. Bulk product import/export (CSV/Excel). Barcode generation & scanning support. User & Role Management Role-based access (Admin, Manager, Cashier). shadcn/ui Table components for user lists. Activity logs (who performed which action). Sales Reports & Analytics Daily, weekly, monthly sales reports. Top-selling products. Payment method breakdown. Inventory movement reports. Reports export (PDF/Excel). shadcn/ui Cards and Charts for analytics. Customer Management (Optional for v0, but good to have) Add/edit customers. View purchase history. Basic loyalty points system (optional). Settings Business profile setup (name, logo, tax rates, currency). Receipt template customization. Payment method settings. UI/UX Guidelines Built using Tailwind CSS for custom responsive styles. Use shadcn/ui for: Inputs, buttons, modals, tables, dropdowns, and cards. Dashboard with sidebar navigation (collapsible). KPI cards on dashboard (Today’s Sales, Low Stock Items, Top Products). Light/Dark Mode support (shadcn’s theme provider). Technical Requirements Frontend: React (Next.js preferred) with Tailwind CSS + shadcn/ui. Backend: Node.js/Express (or your preferred stack). Database: firebase API-first design: All features should interact via REST APIs. Responsive design: Mobile, tablet, desktop. Performance focus: Ensure cashier workflows are fast (minimal clicks for checkout). Deliverables for v0 Basic POS screen (Product search, cart management, checkout, payment, receipt generation). Inventory management CRUD. User login/logout with role-based permissions. Basic sales report. Mobile/tablet/desktop responsive UI. Clean UI with Tailwind & shadcn components. Starter Dashboard with sidebar & key metrics.

Tailwind CSS for styling. shadcn/ui for pre-built, accessible UI components. Core Modules & Features:

Point of Sale (POS) Module Modern, intuitive interface using Tailwind CSS & shadcn/ui (cards, tables, inputs, buttons). Responsive design (works smoothly on desktop, tablets, and large mobile devices). Real-time cart display: Product image, name, price, and quantity. Ability to update quantities and remove items. Apply discounts (percentage or flat) at item level or cart level. Subtotal, tax, total dynamically updated. Product Search & Quick Add: Search by name, SKU, or category. Quick action buttons for frequently sold items. Payment Processing: Multiple payment methods (cash, card, split payments). Payment summary screen. Receipt Generation: Print or send digital receipt via email or SMS.
Admin Modules Inventory Management Manage products (Add, Edit, Delete). Track stock levels (in-stock, low stock, out of stock). Support product variations (size, color, etc.). Category & subcategory management. Bulk product import/export (CSV/Excel). Barcode generation & scanning support. User & Role Management Role-based access (Admin, Manager, Cashier). shadcn/ui Table components for user lists. Activity logs (who performed which action). Sales Reports & Analytics Daily, weekly, monthly sales reports. Top-selling products. Payment method breakdown. Inventory movement reports. Reports export (PDF/Excel). shadcn/ui Cards and Charts for analytics. Customer Management (Optional for v0, but good to have) Add/edit customers. View purchase history. Basic loyalty points system (optional). Settings Business profile setup (name, logo, tax rates, currency). Receipt template customization. Payment method settings. UI/UX Guidelines Built using Tailwind CSS for custom responsive styles. Use shadcn/ui for: Inputs, buttons, modals, tables, dropdowns, and cards. Dashboard with sidebar navigation (collapsible). KPI cards on dashboard (Today’s Sales, Low Stock Items, Top Products). Light/Dark Mode support (shadcn’s theme provider). Technical Requirements Frontend: React (Next.js preferred) with Tailwind CSS + shadcn/ui. Backend: Node.js/Express (or your preferred stack). Database: firebase API-first design: All features should interact via REST APIs. Responsive design: Mobile, tablet, desktop. Performance focus: Ensure cashier workflows are fast (minimal clicks for checkout). Deliverables for v0 Basic POS screen (Product search, cart management, checkout, payment, receipt generation). Inventory management CRUD. User login/logout with role-based permissions. Basic sales report. Mobile/tablet/desktop responsive UI. Clean UI with Tailwind & shadcn components. Starter Dashboard with sidebar & key metrics.