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: admin@foodtown.com
• 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!