arithmetic-calculator-ui

This is a Single Page Application built as coding challenge made for TrueNorth.

See the requirement's list.

CircleCI status:

main

dev

Stack

• Vue 3
• Pinia
• Bootstrap
• cypress

Preparing the development environment using your current NodeJS installation

npm install

Before run the dev server, please be sure that you have the arithmetic-calculator-api up and running.

Run dev server:

npm run dev

Online demo

https://arithmetic-calculator-ui-nu.vercel.app/

user: [email protected] password 123456

Deploy

Auto deploy with Vercel

Building the Single Page Application

Build the SPA for dev env.

npm run build:dev

Build the SPA for production env.

npm run build

Build the SPA for CI env.

npm run build:ci

Run headless e2e tests

npm test

Run e2e through opening Cypress

Build and serve the SPA through the 8080 port using express and your local Node.js install.

npm start

Or through Docker:

npm run docker:compose

You can check the app at: http://localhost:8080/

Now in another terminal session, run:

npm run cypress:open

Project Tech Debits

1. Implement backend for frontend (BFF) using vercel functions.
2. Generate cookie that stores the API token via BFF.
3. Search records.