This template should help get you started developing with Vue 3 in Vite.

npm install

npm run dev

npm run build

• The candidate should convert the designs in an application with focus on design fidelity and usage of libraries and tools aligned with the Code Challenge
• The task is to make the UI built with the CSS challenge dynamic and interactive.
• Application should use an API architecture, where dummy data can be returned from the APIs directly within the JS code, no real server side code is required
• the data can be stored in localStorage or stage management system
• on the start up of the application, some cards should be already added by the system without need to prepare a layout without cards
• Add new card:
  • open a modal/page where the user can add the card name and submit the new card
  • the expiration date and card number will be randomly generated by the system.
  • the card will be appended in the carousel together with the other cards
• Freeze/Unfreeze card
  • on click of the freeze card the card will get the status of frozen
  • the frozen card will look different from the others
  • the freeze button will change label in unfreeze for the frozen card
  • allow the possibility to rollback the card state clicking again the same button and unfreezing the card
• Cancel card
  • on click open a modal where a confirmation action is asked
  • remove card from the list
• Mobile version of the CSS challenge
• Form validations
• A link to a public repository hosting the code (ex. GitHub/Bitbucket/GitLab)
• A README.md containing all the informations that the reviewers need to run and use the app
• Desktop version of the CSS challenge with responsive UI
• High design fidelity
• VueJs 3 with Quasar framework.
• A link to a hosted version of the app
• Pixel perfect fidelity
• TypeScript
• Interactions with elements
• Unit tests