Vue.js Restaurant Takeaway Ordering Application

An example restaurant takeaway ordering application built with Vue.js 3 and Vite.

Technologies Used

• Vue.js 3: Progressive JavaScript framework with Composition API
• Vite: Next-generation frontend build tool
• CSS3: Modern styling with gradients, transitions, and responsive design

Project Structure

├── src/
│   ├── components/
│   │   ├── MenuSection.vue      # Menu display and category filtering
│   │   ├── Cart.vue             # Shopping cart modal
│   │   ├── Checkout.vue         # Checkout form
│   │   └── OrderConfirmation.vue # Order confirmation modal
│   ├── assets/
│   │   └── css/
│   │       └── styles.css       # Global styles
│   ├── App.vue                  # Main application component
│   └── main.js                  # Application entry point
├── index.html                   # HTML entry point
├── vite.config.js              # Vite configuration
└── package.json                # Project dependencies

Installation

1. Clone the repository:

git clone https://github.com/drm317/VueJsRestuarantApplication.git
cd VueJsRestuarantApplication

2. Install dependencies:

npm install

Development

Start the development server:

npm run dev

The application will be available at http://localhost:5173/

Build

Build for production:

npm run build

Preview production build:

npm run preview

Usage

1. Browse Menu: View all available food items or filter by category
2. Add to Cart: Click "Add to Cart" on any item to add it to your order
3. Manage Cart: Open the cart icon to view items, adjust quantities, or remove items
4. Checkout: Click "Proceed to Checkout" and fill in delivery information
5. Place Order: Submit the order form to receive a confirmation with order number

License

Apache License 2.0

Copyright 2025

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.