Caffe Stazione Pos Simulator

55.75% cov 429 sloc 28 files 7 deps 24 dev deps

A POS simulator and experiment with PURE COMPONENTS in React.

Table of Contents

• Background
• Tech Stack
• Architecture

Background

Caffee Stazione has had an aging menu-driven touchscreen POS system.

This system presented two key pain points causing a slow ordering experience for customers:

1. Learning curve associated with locating items within the menu system
2. Locating items customers would describe differently to the name used within the menu system

As a little side-project, I decided to build a "side-car" application to assist with locating items within the POS system.

The key features designed to alleviate the pain points include:

1. Ability to search the menu system and present a visualisation highlighting the sequence of button taps required to locate an item
2. Ability to search using alternate keywords assigned to items

Tech Stack

• React
• Node Test. That's right - React without Jest!
• React Testing Library
• 🚫 No State Management library. Higher order component handles state changes via callback.

Architecture

Can't see the diagram? View it on GitHub

graph TD;
    components-->pureComponents;
    components-->menuReader;
    components-->io;
    pureComponents-->menuReader;

Loading

This diagram was generated with Module Composer