Quickmunch Vue is a restaurant directory Vue template for food ordering platforms and restaurant groups. It rebuilds the Quickmunch platform in Vue 3 with the Composition API: the storefront, the customer account, the platform admin and the restaurant back office. Pinia holds the shared state, and Vue Router serves every page.

The storefront covers discovery, restaurant profiles, ordering and table service. Behind it, the admin and the back office run orders, reservations, menus, devices, finance and analytics. So one project covers the whole marketplace.

Four Areas In One Project

• Storefront – restaurant listings with filters, cuisine pages, restaurant profiles, ordering and table service.
• Customer account – thirteen pages for orders, reservations, favourites, addresses, payment and loyalty.
• Platform admin – restaurants, orders, reservations, reviews, users, analytics, monetisation and settings.
• Restaurant back office – orders, reservations, an interactive floor plan, menus, devices, finance and analytics.

Restaurant Directory Vue Template Features

• Vue 3 single-file components with <script setup>
• Pinia stores for the cart, the session and the filters
• Vue Router with lazy-loaded routes for 257 pages
• Vite build with hot module replacement
• TV menu boards and print designs from the design studio
• Right-to-left stylesheets and Noto Sans Arabic
• Documentation for setup, structure and changes

Project Setup

Install Node 18 or newer first. Next, run npm install and npm run dev. Finally, npm run build creates a static site for any host.

Looking for this restaurant directory Vue template in another stack? Quickmunch also comes as HTML5, React, Angular and WordPress, plus Laravel and PHP apps. The developer bundle includes every format for 20% less. See more Food & Restaurant Vue templates.

Built with Vue 3, Pinia and Vite.