Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/harshshukla2002/food-delivery


https://github.com/harshshukla2002/food-delivery

Last synced: 26 days ago
JSON representation

Awesome Lists containing this project

README

        

# Food-Delivery Web App - Tomato

[![logo.png](https://i.postimg.cc/Rqx4wKrL/logo.png)](https://postimg.cc/301sTyxk)

This web application offers users a seamless and intuitive platform to browse, order, and purchase their favorite food items. Key features include:

1. User-Friendly Food Ordering System: Customers can explore an extensive menu, add items to their cart, and place orders effortlessly.
2. Secure Payment Integration: Powered by Stripe, the platform ensures a safe and efficient checkout process for online payments.
3. Real-Time Order Tracking: Users can monitor their order status and stay updated on delivery progress.

Designed for reliability and ease of use, this application provides a complete solution for food delivery needs, ensuring customer satisfaction at every step.

---

# Important URLS

- Backend URL: https://food-delivery-backend-oklx.onrender.com
- Frontend URL: https://deloffood.netlify.app/

---

Screenshots

Home

[![Screenshot-2024-12-09-133612.png](https://i.postimg.cc/449KH1Vt/Screenshot-2024-12-09-133612.png)](https://postimg.cc/grGcf8Mk)

Login

[![Screenshot-2024-12-09-135613.png](https://i.postimg.cc/q7KfxgLm/Screenshot-2024-12-09-135613.png)](https://postimg.cc/Y4typrTg)

Signup

[![Screenshot-2024-12-09-135719.png](https://i.postimg.cc/Pf4g4gWk/Screenshot-2024-12-09-135719.png)](https://postimg.cc/Z0WsYDsf)

Menus

[![Screenshot-2024-12-09-134159.png](https://i.postimg.cc/sgV18d89/Screenshot-2024-12-09-134159.png)](https://postimg.cc/7fWxGcqf)

Cart

[![Screenshot-2024-12-09-134306.png](https://i.postimg.cc/5yBN7nSR/Screenshot-2024-12-09-134306.png)](https://postimg.cc/wRBp35PX)

Delivery Information

[![Screenshot-2024-12-09-134410.png](https://i.postimg.cc/44VdxxRQ/Screenshot-2024-12-09-134410.png)](https://postimg.cc/dDQvWv1h)

Payments

[![Screenshot-2024-12-09-134506.png](https://i.postimg.cc/sg6fNB5s/Screenshot-2024-12-09-134506.png)](https://postimg.cc/fVdh3RHr)

My Orders

[![Screenshot-2024-12-09-135003.png](https://i.postimg.cc/6pmwhkNQ/Screenshot-2024-12-09-135003.png)](https://postimg.cc/yDcw1rxq)

Admin Add

[![Screenshot-2024-12-09-135313.png](https://i.postimg.cc/4dCgDpyk/Screenshot-2024-12-09-135313.png)](https://postimg.cc/67hgR2CY)

Admin Food List

[![Screenshot-2024-12-09-135408.png](https://i.postimg.cc/J0xCHgqM/Screenshot-2024-12-09-135408.png)](https://postimg.cc/9wDnvLKn)

Admin Order Details

[![Screenshot-2024-12-09-135512.png](https://i.postimg.cc/sf4rLQRq/Screenshot-2024-12-09-135512.png)](https://postimg.cc/c6C2gJCB)

---

Features


User Features


  • Browse Food Items: Users can explore a wide range of food options categorized for easy navigation.

  • Add to Cart: Seamlessly add selected food items to the cart for quick checkout.

  • Secure Payment via Stripe: Integrated payment gateway ensures safe and reliable transactions.

  • Order Status Tracking: Real-time updates on the status of orders.

  • Responsive Design: Optimized for desktop, tablet, and mobile devices for a smooth user experience.

  • User Account Management: Allows users to create accounts, log in, and view order history.

  • Search and Filter: Enables users to find specific dishes quickly using advanced search and filter options.

  • Food Details: View detailed information about each dish, including ingredients, pricing, and availability.
  • Admin Features


  • Add Food Items: Easily add new food items to the menu with descriptions, pricing, and categories.

  • View All Foods: Access a complete list of available food items for efficient menu management.

  • Delete Food Items: Remove unavailable or outdated items from the menu.

  • Update Order Status: Manage and update the status of customer orders in real-time.
  • ---

    Technology Used

    - React.js
    - JavaScript
    - Redux
    - JSX
    - CSS
    - NodeJs
    - ExpressJS
    - MongoDB
    - JWT Token
    - Bcrypt
    - Multer
    - Stripe
    - Mongoose
    - Git & GitHub

    ---

    # Lessons Learned

    - Gain excessive knowledge on application of Reacts.js
    - Gain knowledge on using API.
    - Enjoyed the process of learning and creating the application.
    - Gain excessive knowledge on application of Backend using NodeJS, ExpressJs and MongoDB.