This project, built with Vue 3 and Tailwind CSS, allows customers to customize their burgers and manage their orders. It features an intuitive interface for selecting ingredients and building personalized burgers, along with a comprehensive order management tab. Users can select from various ingredients to create their ideal burger, see the total price in real-time, and submit their orders. The order management tab allows users to view, update, and manage their current and past orders.
- Vue 3
- Tailwind CSS
- Fake API using json-server library
-
Install dependencies:
npm install
-
Compile and Hot-Reload for Development:
npm run dev
-
Compile and Minify for Production:
npm run build
- Burger Customization: Choose from a variety of ingredients to build your perfect burger.
- Real-Time Price Calculation: See the total price of your burger as you add or remove ingredients.
- Order Submission: Easily submit your custom burger order.
- Order Management: Access a dedicated tab to view, update, and manage all your orders.
- Fake API Integration: Uses json-server to simulate a backend API for handling orders and ingredients.
Enjoy building your custom burgers and managing your orders with this interactive and user-friendly application!