React Food Delivery App UI

UI for a Food App Built With React

This is an updated version of a project I have done previously.

Additions in this project are:

  • There are two different branches on the GitHub repo with two solutions for this
  • Firebase backend integration for getting meal items from the backend and storing the order data there as well
  • Added a checkout form on the cart modal (there are different states when this form is being submitted that are shown as the request progresses)
  • Error handling implemented. Fetch API used and errors are displayed on the page (not just in the console.)
  • useRef used to read values in the input fields.
  • Added form has validation on submitting that gives user feedback.

Previous version of this app can be found here:

https://tjkhara.com/projects/react-food-app-ui/

Gallery