Skip to content

Latest commit

 

History

History
28 lines (25 loc) · 1.35 KB

solutions.md

File metadata and controls

28 lines (25 loc) · 1.35 KB

Screenshots

image

image

image

How to run

Running the app

  • npm run install
  • npm run dev

Running the tests

  • npm run test:unit

Technical Choices

  • Used Vue as you guys are using it I believe. I used 3 as well in order for me to explore the new version.
  • Used Pinia to easily managed the state.
  • Used Vue-Router to easily configure the routes.
  • Used vanilla CSS as I don't have experience using Tailwind (willing to learn).
  • Used native browser inputs to save time
  • Avoided making reusable element to save time.

Architecture

  • /assets - CSS styling that is reusable across the app
  • /datas - Data of countries & plans
  • /logic - Business logic of the premium calculator (with unit test). Purely typescript to make it easy to test and to port to other platform like ReactNative
  • /router - Routing configuration
  • /stores - States that are shareable across the app
  • /types - Typings mainly for countries & plans
  • /views - Page of the app.