Food Delivery App is a full-stack MERN application that allows users to order their favorite food items. This App allow you to explore the variety of food and save in cart to order later.
Table of Contents of User modules and function of Mern Stack Food Delivery
- User login.
- User can order their food.
- User add food items in cart.
- User can search food items in menu.
- Admin login, logout, change password
- Admin add food items in menu.
The app is designed to be user-friendly, with a clean and modern interface.
Technology Used: Frontend: React.js Backend: Node.js, Express.js Database: MongoDB
- Allow users to browse food items.
- Allow users to place orders.
- Allow admin users to manage orders.
The food delivery app is built using the MERN stack. The app consists of several components, including the Home screen,My Orders screen, Cart screen, Login and Logout screen and Admin screen.
The Home screen displays the list of food items, and includes a search bar and number of items to be ordered options.The Home screen displays the list of items in the menu, and allows the user to add items to their cart. The Cart screen displays the list of items in the user's cart, and allows the user to place an order. The Order screen displays the details of the user's order.The Admin screen displays the management interface for menus and orders.
The design of the app is modern and user-friendly, with a focus on simplicity and ease of use. The app uses a clean and minimalist design, with a black background and simple typography. The app also uses clear and concise language, with straightforward labels and instructions.
The Home screen displays the list of food items in a grid view, with each food item displayed as a card.The Cart screen displays the list of items in the user's cart, with the total price and checkout button displayed prominently. The Order screen displays the details of the user's order.The Admin screen displays the management interface for orders and cart, with clear and intuitive navigation and controls.
You can learn more about the app (https://github.com/parveet771/MyFirstFoodApp/README.md).