FoodTown Restaurant Admin Dashboard
About
FoodTown - Restaurant Management Admin Dashboard Template
FoodTown is a complete, ready-to-use admin dashboard template for restaurants, cafes, and food businesses. It covers the whole day-to-day workflow in one clean design: taking orders at the counter, running the kitchen, managing tables and reservations, tracking stock and suppliers, recording payments and expenses, and reviewing sales reports.
It is built with HTML5, CSS3, Bootstrap 5, and vanilla JavaScript. There is no jQuery, no framework, and no build step. Just open the files and start working.
Demo Login Details
Use the demo account below on the login page. You can also click the Use Demo Credentials button to fill in the fields automatically.
-
Email:
-
Password: Admin@123
Important: The login is a front-end demo only. Replace it with your own server-side authentication before going live.
Top Features
-
47 ready-to-use pages that share one consistent design.
-
Full RTL support for Arabic, Hebrew, Urdu, and Persian, with a one-click LTR / RTL switch.
-
Light and Dark mode.
-
Live Theme Customizer with instant preview, saved in the browser.
-
Fully responsive from small phones to large desktops, with a slide-in sidebar drawer on mobile.
-
Point of Sale (POS) with menu search, categories, cart, discount, and tax.
-
Kitchen Orders board and a large-screen Kitchen Display with live timers.
-
Reservations list and monthly calendar view.
-
Table management with live status: Available, Occupied, Reserved, and Cleaning.
-
Inventory, Suppliers, Purchases, and Recipes with stock levels and recipe costing.
-
Payments and Expenses with status filters and approval flow.
-
6 report pages with Chart.js charts, Export CSV, and Print buttons.
-
Interactive front end with filter tabs, live counts, search, add-item modals, confirmation messages, and form previews.
-
Sample PDF documents including invoice, purchase order, and receipt with download buttons.
-
Clean, readable, and commented code. One CSS file and one JavaScript file, with nothing minified.
-
Detailed documentation in HTML and PDF, including screenshots and step-by-step guides.
Theme Customizer
Change the look of the entire dashboard without touching the code. Every choice applies instantly and is remembered in the browser.
The customizer includes:
-
Theme Mode: Light or Dark
-
Direction: LTR or RTL
-
Theme Color: 6 presets — Orange, Red, Green, Blue, Purple, and Teal — plus a custom color picker
-
Sidebar: Dark, Light, or Custom Color
-
Topbar: Light, Dark, or Transparent
-
Layout: Full Width or Boxed
-
Sidebar Style: Expanded or Collapsed
-
Border Radius: Sharp, Medium, or Rounded
-
Font Family: Inter, Poppins, Roboto, Nunito, Open Sans, Lato, or System Default
-
Reset to Default button
RTL Support
RTL is built in from the start, not added at the end.
When you switch to RTL, the sidebar, mobile drawer, customizer panel, dropdowns, breadcrumbs, tables, forms, and charts all mirror correctly.
The custom CSS uses logical properties, so no separate RTL stylesheet is required.
What Is Inside the Download
-
47 HTML pages
-
assets/css/style.css — All custom styles built on CSS variables.
-
assets/js/app.js — All custom JavaScript including the theme engine, RTL support, charts, and page features.
-
assets/documents — 3 sample PDF files.
-
documentation folder — Full guide in HTML and PDF with screenshots.
-
README.md — Quick start notes.
All Pages Included
Main
-
Dashboard — Restaurant Overview
-
POS / Order Taking
-
Orders
-
Order Details
-
Reservations
-
Reservation Calendar
-
Tables
Restaurant
-
Menu Items
-
Menu Categories
-
Add Menu Item
-
Kitchen Orders
-
Kitchen Display
-
Customers
-
Customer Details
-
Staff & Employees
-
Employee Details
Inventory
-
Inventory
-
Inventory Details
-
Suppliers
-
Supplier Details
-
Purchases
-
Purchase Details
-
Recipes
-
Recipe Details
Finance
-
Payments
-
Expenses
-
Expense Details
-
Reports Overview
-
Sales Report
-
Orders Report
-
Inventory Report
-
Customer Report
-
Staff Report
Marketing
-
Offers
-
Coupons
System
-
Settings
-
User Management
-
User Details — With Permissions
-
My Profile
-
Activity Log
-
Notifications
-
Messages
Other Pages
-
Login
-
Documentation
-
Support
-
Privacy Policy
-
Terms of Service
Built With
-
HTML5 and CSS3
-
Bootstrap 5.3
-
Bootstrap Icons
-
Chart.js 4
-
Vanilla JavaScript — No jQuery
-
Google Fonts
Browser Support
Works in the current versions of:
-
Google Chrome
-
Microsoft Edge
-
Mozilla Firefox
-
Safari
-
Opera
Internet Explorer is not supported.
Important Notes
-
Front-end template: All names, prices, orders, and other data are sample data. Nothing is saved to a server. The documentation shows exactly where each sample lives and how to connect your own backend.
-
Libraries load from a CDN: Bootstrap, Bootstrap Icons, Chart.js, and Google Fonts require an internet connection. The documentation explains how to self-host them for offline use.
-
Images: The preview uses icons and emoji for food items. No stock photos are included.
-
Demo login: The demo credentials are for preview purposes only and do not provide real security.
Documentation
A detailed guide is included in HTML and PDF.
It explains in simple steps how to:
-
Get started and understand the folder structure.
-
Create a new page and edit the sidebar menu.
-
Change colors, fonts, layout, and the default theme.
-
Use RTL and write RTL-friendly code.
-
Use built-in components including tables, filters, modals, forms, and charts.
-
Connect your own data and backend.
-
Self-host the libraries and deploy the template.
Sources and Credits
-
Bootstrap and Bootstrap Icons — MIT License
-
Chart.js — MIT License
-
Google Fonts — SIL Open Font License and Apache 2.0
Changelog
Version 1.0.0
- Initial release.
Support
If you have a question or find a problem, please contact me through the item profile page on ThemeForest.
Please include the page name, your browser, and a screenshot so I can help you faster.
If you like the template, I'd appreciate a rating. Thank you!
Reviews
No reviews yet
Comments
FAQs
- How do I contact support?
For questions about this product, message the Shop Owner via their shop profile. For all other questions, like licensing or billing, visit our Help Center.
- How can I unzip product files?
PC: To extract a single file or folder, double-click the compressed folder to open it. Then, drag the file or folder from the compressed folder to a new location. To extract the entire contents of the compressed folder, right-click the folder, click Extract All, and then follow the instructions.
Mac: Double click the .zip file, then search for the product folder or product file.
If you continue to have trouble, check out this help article for more tips.