🍽️ DineFlow Frontend

DineFlow Frontend is a modern and responsive Point of Sale (POS) web application interface for restaurants, cafés, and food stalls. Built with Vite, React, and Tailwind CSS, this frontend app offers fast performance and a clean, intuitive UI to manage orders, menus, and tables efficiently.

---

🚀 Tech Stack

• ⚛️ React — Component-based UI
• ⚡ Vite — Lightning-fast dev server and build tool
• 🎨 Tailwind CSS — Utility-first CSS framework

---

✨ Features

• 📋 Order management (dine-in, takeaway)
• 🧾 Dynamic order list and bill summary
• 🍔 Menu and category display
• 🪑 Table status tracking
• 🔐 Authentication-ready structure
• 📱 Responsive design for tablet and desktop
• 🔧 Easy integration with backend APIs

---

📦 Getting Started

1. Clone the Repository

git clone https://github.com/mateusdev21/dineflow-frontend.git
cd dineflow-frontend

2. Install Dependencies

npm install

3. Start Development Server

npm run dev

Then open http://localhost:5173 in your browser.

🧾 Project Structure

src/
├── assets/         # Static assets (images, icons)
├── components/     # Reusable UI components
├── pages/          # Main page views (Dashboard, Orders, Menu, etc)
├── constants/      # 
├── https/          # 
├── redux/          #
├── utils/          # Utility functions
├── index.css       # Global CSS
├── App.jsx         # App entry with router
└── main.jsx        # Vite main entry point