https://github.com/greybax/order-data-challenge
https://github.com/greybax/order-data-challenge
cloudkitchens order-data react socket-io typescript
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/greybax/order-data-challenge
- Owner: greybax
- Created: 2022-07-04T18:53:11.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-07-13T18:44:01.000Z (almost 3 years ago)
- Last Synced: 2025-01-15T05:52:49.887Z (5 months ago)
- Topics: cloudkitchens, order-data, react, socket-io, typescript
- Language: TypeScript
- Homepage:
- Size: 399 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Order Data Client App
This is a React/Typescript Client app. I've built it for Order Data Challenge.
I'll not share server side code here (which is based on nodejs and socket.io), but I'll share a data model which this client is working with.
## The data
The data sent by the server will consist of a list of order objects. Order objects have the following format:
```json
{
"customer": "Carla Garner",
"destination": "61109 Alan Motorway, North Corey, CA 92789",
"event_name": "CREATED",
"id": "d0791ce1",
"item": "Caesar salad",
"price": 4692,
"sent_at_second": 6
}
```## What this client is doing?
* Getting data from server in real time via socket.io
* Updates entities with same ID on the latest ones
* Converts prices from pennys to dollars in `Price` column
* Ability to search by `Price` column in USD
* Has found/total items count
## How to start
`npm install && npm start`
*__Check out my blog post__*: https://alfilatov.com/posts/frontend-dto-challenge/
**P.S.** _feel free to reuse it as you want_