vogat / project-4

The Melting Pot!

Introduction

The Melting Pot is an innovative restaurant app designed to offer a diverse range of food options and a delightful culinary experience for individuals with a sophisticated palate.

At the home page use "admin123" username and press enter to access admin functionality. You can type any chaaracter and press enter to access regular user functionality.

Hosted App

To explore the hosted app, visit: https://themelting-pot.onrender.com

Technologies Used

Front-end

• The app's front-end is crafted using the latest web technologies, including CSS, JavaScript, and React. Leveraging React allowed us to create an efficient and responsive Single Page Application (SPA) for seamless user interactions.

Back-end

• For the back-end, we employed the powerful and scalable Express.js and Node.js, which enables robust server-side functionalities.

Database

• The application utilizes MongoDB Atlas as the database, ensuring efficient data storage and retrieval for a seamless user experience.

Deployment

• To ensure an efficient deployment process, we utilized Render.com. It facilitated the deployment of our app by automatically creating dedicated pages for both the front-end and the back-end components. With Render.com, we were able to host and manage our MERN stack spa, providing a seamless user experience from end to end.

Features

Admin Login

• We have implemented a secure administration feature that involves username and password validation, ensuring exclusive access to authorized personnel.

Create and Manage Items

• The app empowers users with the ability to create, edit, and delete food items. Moreover, users can easily add these items to a cart and even include multiple items in a single order for a convenient checkout process.

Languages and Frameworks

• The project was meticulously developed using JavaScript and React, enabling the creation of an intuitive Single Page Application. CSS was skillfully employed to style the app, utilizing classes and ids to craft an appealing user interface. MongoDB Atlas was integrated as the database, providing efficient and reliable data management.

User Story

• AAU I would like to view the menu. I would like to navigate the different food options.
• AAU I would want to be able to choose my preferred food item and add it to a cart.
• AAU I want to be able to remove the food item if I change my mind.

Stretch Goals

• Create a better one to many relation using MongoDB
• Create additional components to seperate functionality data for different models.
• Create functoinality to add up total amount and quantity in cart.
• Inputting address and information into the deliveries.
• Sorting item info based on nationality.

Next Steps

Feel free to explore and enjoy the diverse culinary options available at The Melting Pot app!