Application which users will be able to log in and they will keep persisted until logout button was clicked.

• Screenshots
• How to use
  • Needed tools
  • Application run
  • Application run in Netlify
  • Deploy to production
• Testing
  • Testing the application
  • Lint and fixes files
• Languages, libraries and frameworks
• Folders structure

1. Install yarn
2. Clone this project: git clone https://github.com/joucogi/karumi-code-test.git
3. Move to the project folder: cd karumi-code-test

There are two ways to run the application in your own computer or server:

1. Deploying dist folder

   You can deploy dist folder to your web server

   or

   1. Install serve (yarn global add serve)
   2. Run serve as a SPA serve -l 8080 -s ./dist

2. Run develop server

   1. Install dependencies yarn install
   2. Compiles and hot-reloads for development yarn serve

At this point, you should be able to access to the next two views:

• HomeView
• LoginView

If you prefer you can visit the application deployed in Netlify

• HomeView
• LoginView

The application is all compiled and ready to be deployed into dist folder. You can compile again with the following command yarn build.

1. Unit and Snapshot tests

   These tests will allow us to verify that the different views and components are displayed and working correctly.

   Command for run unit tests: yarn test:unit

   if it is necessary to regenerate all the snapshots you can do with the following command yarn test:unit -u. It will be only necessary when html or css is changed in Vue components.

2. E2E tests

   These tests will allow us to test the entire application from beginning to end to ensure the application flow behaves as expected and all integrated pieces work together as expected.

   Command for run e2e tests: yarn test:e2e

   It is possible run tests with user interface by running the following command yarn test:e2e:ui

The following command (yarn lint) is for find and fix problems in TypeScript code.

1. For application

   • TypeScript used in most of the project
   • VueJS to make the user interfaces.
   • Yarn as a package repository.

2. For tests

   • Jest and TypeScript for unit and integration tests.
   • Cypress and Javascript for e2e tests.

Folders more relevance:

• src: Folder where all the application code is located.
• test: Folder where all the tests are located.
• dist: Folder where builded application is located.

.
├── backend  
├── dist
├── public
├── screenshots
├── src
│   ├── adapters
│   ├── assets
│   ├── components
│   ├── contracts
│   ├── middlewares
│   ├── models
│   ├── router
│   ├── services
│   ├── store
│   └── views
└── tests
    ├── e2e
    └── unit