https://github.com/mattriley/caffe-stazione-pos-simulator

A POS item locator side-car application and experiment with PURE COMPONENTS in React.
https://github.com/mattriley/caffe-stazione-pos-simulator

javascript no-redux pure-components react spa

Last synced: 25 days ago
JSON representation

A POS item locator side-car application and experiment with PURE COMPONENTS in React.

• Host: GitHub
• URL: https://github.com/mattriley/caffe-stazione-pos-simulator
• Owner: mattriley
• Created: 2022-03-18T11:04:42.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2023-09-01T23:20:05.000Z (over 1 year ago)
• Last Synced: 2023-09-02T07:22:59.590Z (over 1 year ago)
• Topics: javascript, no-redux, pure-components, react, spa
• Language: JavaScript
• Homepage: https://mattriley.github.io/caffe-stazione-pos-simulator
• Size: 22.9 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README-TEMPLATE.md

Awesome Lists containing this project

README

        
<%- lib.renderOpening() %>

## Background

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

![Menu screen](/readme-files/menu-screen.jpg)

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](https://react.dev)

- [Node Test](https://nodejs.org/api/test.html). That's right - React without Jest!

- [React Testing Library](https://testing-library.com/docs/react-testing-library/intro/)

- 🚫 No State Management library. Higher order component handles state changes via callback.

## Architecture

<%- await lib.renderModuleDiagram() %>