StackFood – React User Website

General Settings

In the config.json file, you can configure the general settings of your StackFood - React User Website.

{
  "appName": "StackFood",
  "appLogo": "https://your-logo-url.com",
  "appDescription": "A simple food delivery system",
  "siteUrl": "https://your-site-url.com"
}

Authentication Settings

In the auth.json file, you can configure the authentication settings of your StackFood - React User Website.

{
  "login": {
    "apiUrl": "https://your-auth-api-url.com/login",
    "redirectTo": "/dashboard"
  },
  "logout": {
    "apiUrl": "https://your-auth-api-url.com/logout",
    "redirectTo": "/"
  },
  "register": {
    "apiUrl": "https://your-auth-api-url.com/register",
    "redirectTo": "/login"
  },
  "forgetPassword": {
    "apiUrl": "https://your-auth-api-url.com/forget-password",
    "redirectTo": "/login"
  }
}

Payment Gateway Settings

In the payment.json file, you can configure the payment gateway settings of your StackFood - React User Website.

{
  "stripe": {
    "publishableKey": "your-stripe-publishable-key",
    "secretKey": "your-stripe-secret-key"
  },
  "paypal": {
    "clientId": "your-paypal-client-id",
    "secretKey": "your-paypal-secret-key"
  }
}

Order Settings

In the order.json file, you can configure the order settings of your StackFood - React User Website.

{
  "minimumOrderAmount": 10,
  "deliveryFee": 2,
  "discountPercentage": 5,
  "paymentOptions": ["stripe", "paypal"]
}

Restaurant Settings

In the restaurant.json file, you can configure the restaurant settings of your StackFood - React User Website.

{
  "minimumOrderTime": 30,
  "maxDeliveryDistance": 10,
  "restaurantMenu": {
    "foodCategories": [
      {"name": "Vegetarian", "description": "Vegetarian food category"},
      {"name": "Non-Vegetarian", "description": "Non-vegetarian food category"}
    ]
  }
}

Order Status Settings

In the orderStatus.json file, you can configure the order status settings of your StackFood - React User Website.

{
  "pending": {
    "label": "Pending",
    "color": "orange"
  },
  "preparing": {
    "label": "Preparing",
    "color": "yellow"
  },
  "ready": {
    "label": "Ready",
    "color": "green"
  },
  "delivered": {
    "label": "Delivered",
    "color": "blue"
  },
  "canceled": {
    "label": "Canceled",
    "color": "red"
  }
}

Here are the features of the StackFood React User Website:

1. Responsive Design: One design for every device that's the beauty of responsiveness. The StackFood React User website is super responsive and perfectly fits all screen types and sizes.
2. Fast Experience: People want everything works faster. With all the latest technologies and proper architecture, customers will have the fastest experience while using the React website.
3. Multiple Banners: This website supports multiple banners, which means the admin can add several banners for promotions. This creates great engagement among the customers.
4. Coupons: People love discounts. Keeping that in mind, customers of the StackFood React User website can enjoy various discounts whenever the admin or restaurant offers coupons.
5. LTR & RTL supported: This website supports multiple languages, including the RTL (Right-to-Left) languages, for native user experience.
6. Categorized Food: StackFood React User website offers all foods in a properly categorized manner so that customers can find similar foods in one place.
7. Feature-rich Header: Customers can set a location, jump to the home page and see categories, cuisines & restaurants from the header section of the website.
8. Live Search: The Live Search feature of StackFood React User Website helps customers quickly find the food. It shows the relevant search results as customers type in the search bar and enhances the user experience.
9. Dark Mode: Dark mode has become the gold standard for everything. Likewise, StackFood React website comes with the dark mode feature to provide customers with an extra layer of personalization and visual comfort.
10. Cuisine: This React website has a cuisines section if the admin wishes to add multi-national foods to his business, such as Italian, French, Chinese, and many more.
11. Location selection: Using the location selection feature, customers can set their location and find the nearest restaurants and get precise home delivery.
12. Advanced Food Search: This website offers a smart search bar and filtration system to provide customers with the exact food they are looking for. They can even choose between Veg and Non-Veg while searching for food.
13. Popular Restaurants Nearby: Using the Location feature, customers can find which restaurants are currently trending with their popular foods and buy them easily.
14. Wishlist Button: Customers can save their favorite foods for future purchases using the wishlist feature. They can buy those foods anytime from the wishlist section.
15. Social Share: Using the social share feature, customers can easily share foods on social media platforms. This feature brings more sales as it attracts more customers.
16. Location-based Restaurants: Customers can find all the restaurants in their locations thanks to the location selection feature on the StackFood React User website.
17. Join as a Restaurant or Deliveryman: If anyone is interested in joining the StackFood system, he can join as a restaurant owner or deliveryman from the website.
18. Live Chat: Using the "Live Chat" feature, customers can communicate with the admin and restaurant owners anytime for any queries.
19. User Satisfaction Brings Business Success: Business is all about making customers happy. When Customers are happy, revenues get increased. Using the StackFood React User website, customers will be very satisfied as it will give them a fast & pleasant user experience, security and useful features.

Note that this list is not exhaustive, as the content has multiple features listed in a condensed format.