Challenge

This project is my challenge for a job at CargoX.
CargoX is the largest freight marketplace in Brazil!

The Challenge

The challenge is create a VueJS application usin de following API: Mocky API

• They like reactive views,
• They like components,
• They like responsive layouts,
• They like tests.

The following layouts must been created:

Desktop

Mobile

Notes:

The API was moved to public/mocks instead of use Mocky.io because the mocks expired

• Old API: http://www.mocky.io/v2/5c7552e43100009c20c23450
• New API: public/mocks/freight-details-<id>

A Second API was created to test different cases

• New API: public/mocks/freight-summary.json

A Second Screen was created to navigate between cases

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit

Run End-to-End Tests with Cypress

npm run test:e2e:dev

This runs the end-to-end tests against the Vite development server. It is much faster than the production build.

But it's still recommended to test the production build with test:e2e before deploying (e.g. in CI environments):

npm run build
npm run test:e2e

Lint with ESLint

npm run lint
npm run lint:fix

TODO

• Create and Update Tests
• Put All Styles Into Variables (Design Tokens)

Status: I Got the Job 🚚