MRL Estación 2

TL;DR

Two computers in a store's local network. One of the has the Postgres database and server. The additional computer is used to host a Nuxt server with a Windows service and expose the server to the local network. The Nuxt app is used to query products information from the database.
diagram screenshot

Description

The web app's objective is to be able to:
  • Query a store's product information by its barcode number
  • List products by using a word
  • Create an "invoice" by adding scanned products to a Pinia store, listing relevant information, and tracking the sum of all products.
  • UI has to be friendly with a barcode scanner

The hardware setup is the following:
  • 1 Windows PC which is used by the cashier and has the Postgres database and its server
  • 1 additional Windows PC for general use

The solution was done with Nuxt thanks to its front-end and back-end server capabilities. The Nuxt UI module is built with TailwindCSS (enabling it for the project) and is the provider of UI components.

The idea is to have the additional PC host the Nuxt server and expose it to the entire local network. This will enable any device in the local to be able to perform queries. To connect to the database, the this npm package was used. The Nitro server part of Nuxt is the one to consume it to perform the queries.

⏶ Back to top