An Order List Table page using Refine, a React headless web application framework

Yummy Meals Order List with React

This Frontend fetches its meal order data from the Backend RESTful microservice: Yummy Meals Order Microservice.

Its implementation was based on the Refine Admin Material UI FineFoods sample code.

The UI view displays:

  • The orders for a user
  • Each order should show:
    • the delivery date
    • the meal names
    • the meal images
    • the quantity of each meal

Prerequisite

  1. Install nodejs, version 18.10 or above
  2. Run npm install from checkout dir

Usage – How to run it

  1. npm start

Users List

User Orders List

User Order Details

GitHub

View Github