A modern, responsive Point of Sale (POS) system built with React, TypeScript, and Tailwind CSS. Designed specifically for restaurants and cafes, DishDash provides a seamless, premium, and highly responsive user interface for managing orders, kitchen displays, inventory, and analytics.
- Dashboard: Real-time analytics, daily revenue tracking, and popular category breakdowns.
- Point of Sale (POS): Fast and responsive order entry system with a searchable menu, category filtering, and an interactive shopping cart.
- Kitchen Display System (KDS): Live order queue management for kitchen staff to track cooking, ready, and served orders.
- Inventory Management: Track stock levels, low-stock alerts, and minimum required quantities.
- Reports & Analytics: Visualize weekly revenue and profit trends with custom date range selections and PDF export capabilities.
- Payments: Manage payment methods, daily transaction summaries, and cash drawer tracking.
- Fully Responsive: Beautifully optimized across all devices, from small smartphones (320px) to ultra-wide desktop monitors, ensuring a premium user experience on any hardware.
- Framework: React + Vite
- Language: TypeScript
- Styling: Tailwind CSS (with custom utility classes and native CSS transitions for maximum performance)
- State Management: Zustand (for Cart and Sidebar state)
- Icons: Lucide React
- Animations: Framer Motion (for modal interactions and UI polish)
- Charts: Recharts
-
Install Dependencies:
npm install
-
Run Development Server:
npm run dev
The application will be available at
http://localhost:5173. -
Build for Production:
npm run build
The optimized production bundle will be generated in the
distdirectory.
Currently, the application operates completely offline using dummy data found in src/mock/data.ts. This simulates backend database responses for menu items, customer data, and table layouts, allowing for full UI/UX testing before backend integration.