This project has been developed as part of the frontend development bootcamp at the Developer Akademie.
NOTE: This is a learning project, so not all features may be fully working or implemented. The focus is on learning specific skills and applying them to different parts of the app.
Here is an overview of the most important functions of the project:
-
Responsive Design: The layout adjusts seamlessly across devices. On desktop, the shopping cart remains sticky, providing easy access without interfering with the page's content.
-
Dynamic Menu & Categories: Dishes are rendered dynamically using arrays and objects, with different categorized sections. Category images visually separate the sections for easy navigation.
-
Cart Management: Users can add or remove dishes from the cart, adjust quantities, and the total price updates dynamically. When the same dish is added multiple times, quantities stack.
-
Order Process: Users can select between delivery or pickup options. The app includes a variable minimum order value for delivery, preventing orders from being placed until it's reached. After clicking the Pay button, the cart is cleared, and a confirmation message is shown.
To run this project locally, follow these steps:
1. Clone the Repository
Download the source code by clicking the Code button or clone the repository using Git:
git clone https://github.com/robsc0de/delivery-service.git
2. Start the Application
Once the code is cloned/downloaded, navigate to the project directory on your computer. Open the index.html
file in any web browser to launch the application.
Though contributions aren’t expected for this personal learning project, I’m always open to feedback, suggestions, or creative ideas. If you have any thoughts or would like to share something, feel free to reach out!
This project's source code is open-source and available under the MIT License. You are welcome to use it as a learning reference.
Please note the following information:
- All images used in this project are provided by Vecteezy.
- Icons used in this project are from Phosphor Icons.
For specific licensing details, please review the respective websites.
This learning project is currently complete, with the main focus on shopping cart management.
Potential future enhancements include:
- A main navigation menu
- Multilingual support
- Additional restaurant information overlay
- Like button functionality with toggle.