FoodDelivery

Overview:

FoodDeliveryStore is a React-based single page application with server-side rendering. It consists of a storefront, backoffice, and API backend using Node.js, Express, and MongoDB. The application allows users to browse and order food from the storefront, manage orders and products in the backoffice, and provides a seamless user experience with features like server-side rendering and responsive design.

Features:

• Server-side rendering: The application utilizes server-side rendering, providing faster initial page loads and better SEO.
• Responsive design: The storefront and backoffice are designed to be responsive, ensuring an optimal user experience across different devices.
• Add to cart: Users can add items to their shopping cart for easy ordering.
• Delete from cart: Users can remove items from their shopping cart if they change their mind.
• Checkout: Users can proceed to checkout and complete their orders.
• Session based on localStorage and tokens: The application uses localStorage and tokens for session management, providing a secure and seamless experience for users.
• Dashboard: The backoffice features a dashboard where users can login, view orders, and change order status.
• Products management: The backoffice allows for viewing and editing products, with features like adding, editing, and deleting products.

Installation:

To install the FoodDeliveryStore theme, please follow these steps:

1. Make sure you have Node.js version 10 or above installed on your machine. You can download it from the official Node.js website.

2. Install MongoDB by following the instructions on the MongoDB website.

3. Seed the database with the necessary data. Go to the ‘backends/express’ directory and run the following command:

npm run seed

4. Install the dependencies for the backend. In the ‘backends/express’ directory, run the following command:

npm install

5. Start the backend server by running the following command in the ‘backends/express’ directory:

npm run start

6. Install the dependencies for the storefront. Go to the ‘web/store/react’ directory and run the following command:

npm install

7. Build the storefront by running the following command in the ‘web/store/react’ directory:

npm run build

8. Start the storefront server by running the following command in the ‘web/store/react’ directory:

npm run start

9. To access the backoffice, go to the ‘web/admin/react’ directory and follow steps 6-8 above.

Summary:

FoodDeliveryStore is a React-based single page application that offers a complete solution for online food ordering. With features like server-side rendering, responsive design, and session management, it provides a seamless user experience. The storefront allows users to browse and order food, while the backoffice provides a dashboard for managing orders and products. The installation process involves setting up the necessary dependencies and starting the backend and storefront servers. With the FoodDeliveryStore theme, users can easily set up their own online food delivery business.