BiteFlow is a premium, real-time web application built on ASP.NET Core 10.0 that orchestrates restaurant operations: customer menu browsing, shopping cart checkouts, kitchen preparation, driver delivery claims, and manager sales analysis. It features a responsive, glassmorphic dark-theme UI and leverages WebSockets for live status updates.
BiteFlow is pre-configured with test accounts for each system role. Access the Staff Login link in the navbar or go directly to /Account/Login to log in instantly using the demo buttons:
| Role | Password | Description | |
|---|---|---|---|
| Manager | manager@biteflow.com |
AdminPass123! |
Accesses sales metrics charts, category breakdowns, and order log ledgers. |
| Chef | chef@biteflow.com |
ChefPass123! |
Manages active tickets on the Kitchen Display Board. |
| Driver | driver@biteflow.com |
DriverPass123! |
Claims ready orders and completes deliveries. |
| Customer | customer@biteflow.com |
CustomerPass123! |
Add items to cart, places orders, and views order tracking logs. |
- Gourmet Menu: Filter by category (Burgers, Pizzas, Drinks, Desserts) with high-res food images (Unsplash) and auto-fallback icon layouts.
- Shopping Cart & Checkout: Live quantity selectors and locked checkout validation ensuring only registered customers place orders.
- Live Order Tracker: Real-time progress bar connecting Placed -> Preparing -> Ready -> Out For Delivery -> Delivered nodes.
- Driver Call Details: A custom contact card slides in dynamically showing the assigned driver's name (Alex Rider) and a click-to-call link once the order leaves the kitchen.
- My Orders Page: View past orders, checkout receipts, and tracking histories.
- Active tickets list showing quantities and recipes.
- Controls to start preparation (
Preparing) and complete order tickets (Ready).
- Displays ready orders with delivery addresses and customer phone details.
- Controls to Claim a delivery and mark it Delivered.
- Displays metrics for Total Revenue, Total Orders, Deliveries, and Takeaways.
- Ledgers tracking recent order status logs.
- A category sales doughnut chart featuring a custom HTML CSS grid legend for perfect visual alignment.
- Backend: ASP.NET Core 10.0 MVC (Model-View-Controller)
- Database & ORM: SQLite (
biteflow.db) + Entity Framework Core - Identity Engine: ASP.NET Core Identity (Role-based Authorization)
- Real-Time Push: ASP.NET Core SignalR (WebSockets)
- Frontend: Razor Views, Bootstrap 5, Custom Glassmorphic CSS System, jQuery, Chart.js, FontAwesome 6 Icons.
- Clone the repository to your local folder.
- Open terminal in the project directory and restore packages:
dotnet restore
- Run the application:
dotnet run
- Open your browser and navigate to
http://localhost:5281(or the port displayed in your terminal).
The database file biteflow.db is generated automatically on first startup. If you wish to reset all database data, delete the biteflow.db file and restart the application; it will regenerate automatically with seeded mock accounts and menus.