Appruve

Coding Challenge

You work for a company that has decided to introduce new pricing plans (Bronze, Silver, and Gold). The UI designer has come up with the new designs for the pricing plans page, however the APIs for the new plans is not ready. As a frontend developer, build a one page application that allows a user to subscribe to one of the new plans (borrow from any pricing plans design) whilst mocking the expected response from the API.

Dependencies

• Bootstrap Vue
• Axios
• Vue Progressbar
• Sweetalert
• Vue page title
• Borrowed design

Note

I chose to use Vue.js because of the duration of the task + it is my go-to frontend framework.
I also chose to install the dependencies above for easier and faster configurations.

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.