Food Delivery Admin Panel React & Firebase – Multi Restaurants – Food Hunter

Here is an example of how to configure the Food Delivery Admin Panel React & Firebase - Multi Restaurants - Food Hunter:

Firebase Configuration

To configure Firebase, follow these steps:

1. Create a new Firebase project by going to the Firebase console and clicking on "Add project".
2. Click on "Create a new Firebase project" and enter your project name.
3. Click on "Create project".
4. Click on "Add Firebase to your web app" and copy the configuration details.
5. In your React project, create a new file called firebaseConfig.js and add the following code:

   export const firebaseConfig = {
   apiKey: '<API_KEY>',
   authDomain: '<AUTH_DOMAIN>',
   projectId: '<PROJECT_ID>',
   storageBucket: '<STORAGE_BUCKET>',
   messagingSenderId: '<MESSAGING_SENDER_ID>',
   appId: '<APP_ID>',
   measurementId: '<MEASUREMENT_ID>',
   };

   Replace the <API_KEY>, <AUTH_DOMAIN>, <PROJECT_ID>, <STORAGE_BUCKET>, <MESSAGING_SENDER_ID>, <APP_ID>, and <MEASUREMENT_ID> placeholders with your actual Firebase configuration details.

Environment Variables

To configure environment variables, follow these steps:

1. Create a new file called .env in the root of your React project.
2. Add the following environment variables:

   REACT_APP_FIREBASE_API_KEY=<API_KEY>
   REACT_APP_FIREBASE_AUTH_DOMAIN=<AUTH_DOMAIN>
   REACT_APP_FIREBASE_PROJECT_ID=<PROJECT_ID>
   REACT_APP_FIREBASE_STORAGE_BUCKET=<STORAGE_BUCKET>
   REACT_APP_FIREBASE_MESSAGING_SENDER_ID=<MESSAGING_SENDER_ID>
   REACT_APP_FIREBASE_APP_ID=<APP_ID>
   REACT_APP_FIREBASE_MEASUREMENT_ID=<MEASUREMENT_ID>

   Replace the <API_KEY>, <AUTH_DOMAIN>, <PROJECT_ID>, <STORAGE_BUCKET>, <MESSAGING_SENDER_ID>, <APP_ID>, and <MEASUREMENT_ID> placeholders with your actual Firebase configuration details.

Database Configuration

To configure the database, follow these steps:

1. In your Firebase project, go to the "Realtime Database" or "Cloud Firestore" section.
2. Create a new database or use an existing one.
3. In your React project, create a new file called databaseConfig.js and add the following code:

   export const databaseConfig = {
   databaseURL: 'https://<DATABASE_NAME>.firebaseio.com',
   databaseName: '<DATABASE_NAME>',
   };

   Replace the <DATABASE_NAME> placeholder with your actual database name.

Restaurants Configuration

To configure restaurants, follow these steps:

1. In your Firebase project, go to the "Realtime Database" or "Cloud Firestore" section.
2. Create a new node or collection called "restaurants".
3. In your React project, create a new file called restaurantsConfig.js and add the following code:

   export const restaurantsConfig = {
   restaurantsCollection: 'restaurants',
   };

   Order Configuration

To configure orders, follow these steps:

1. In your Firebase project, go to the "Realtime Database" or "Cloud Firestore" section.
2. Create a new node or collection called "orders".
3. In your React project, create a new file called ordersConfig.js and add the following code:

   export const ordersConfig = {
   ordersCollection: 'orders',
   };

   Payment Configuration

To configure payment, follow these steps:

1. In your Firebase project, go to the "Realtime Database" or "Cloud Firestore" section.
2. Create a new node or collection called "payments".
3. In your React project, create a new file called paymentConfig.js and add the following code:

   export const paymentConfig = {
   paymentsCollection: 'payments',
   };

   Note: This is just an example configuration and you may need to adjust it based on your specific use case.

Here are the featured about Food Delivery Admin Panel React & Firebase - Multi Restaurants - Food Hunter extracted from the provided content:

1. MANAGE RESTAURANTS: Add new restaurants to your system.
2. MANAGE CATEGORIES: Add new categories of food to your restaurants.
3. MANAGE PRODUCTS: Manage your food, add details about it such as images, price, and category.
4. MANAGE ORDERS: Manage your orders.
5. EDITING PROFILE: Users can edit profile name and avatar.
6. DASHBOARD STATISTICS ABOUT SALES AND RESTAURANTS: View statistics summary about sales, number of restaurants, and food.
7. DISCOUNTS: The restaurant manager/owner can run discounts on their food items.
8. LOGIN FOR 2 ROLES OF USERS: ADMIN AND OWNER: The demo credentials are displayed on the demo site.

Please note that there are additional sections and information, but the above listed are the actual features mentioned in the text.