In this challenge, you will build an app that gets canteen operators started using Dishtracker!
A canteen operator has a bunch of products that they want to sell for today.
Products and their PLUs are valid for colleagues in other restaurants too.
The operator is allowed to create/edit products for everyone, but eventually needs their products enabled
in a CameraGroup specific to the restaurant.
The operator enters the Bearer token and a CameraGroup to begin with.
Afterwards, they can do the following:
- Create new products and categories (
/api/v1/product) - Enable/Disable/Delete product statuses for the specific camera group (
/api/v1/camera-group/{camera group name}/product) - Update product details such as name and PLU (optional)
The endpoints are documented in the ProductSync OpenAPI schema and a live API: https://checkout-cloud-proxy-xwjw6zpyiq-ew.a.run.app/docs#/ProductSync
Note that labels which identify Dishtracker products and categories, need to follow
strict regexes and a product needs a category as prefix in the label.
Feel free to use your own style! If to narrow down the choices, lean on our Brand Design presentation and checkout the Style Guide Elements.
The project includes a read-only redux client. To run, create .env.local:
NEXT_PUBLIC_RECOGNITION_LOCATION_ID=f01dab1e-5295-4e64-b3a7-4f1bf76070ce
NEXT_PUBLIC_RECOGNITION_TOKEN=<yourBearerToken>
NEXT_PUBLIC_CAMERA_GROUP=<yourCameraGroup>
Then:
yarn dev
The API and also the CameraGroup default was populated with same data already.
Submit your solution via a GitHub repository or tarball. You can use any React framework of your choice. Include instructions for running the project. Our Devs will discuss decisions and thoughts you had during implementation!