Menu Close
  • Home
  • An Order List Table page using Refine, a React headless web application framework
    •
In fact, it has the 39mm Oystersteel monobloc middle-case of the OP essentially, which appears a little more curvaceous than the flat, trapezoid profile of the 40mm Oystersteel Submariner. The bezel of the replica rolex watches Explorer I is different on each: The OP has a domed, high-polish bezel, while the Explorer I has what Rolex calls a "Smooth" bezel. It has a flat surface instead of the convex bezel of the OP, with nicely polished.

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

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

Users List

User Orders List

User Orders List

User Order Details

User Order Details

View Source Code
Post Views: 10
Tagged ,