This front-end coding challenge was taken from https://www.frontendmentor.io/challenges/pricing-component-with-toggle-8vPwRMIC.
Within this repo, I have created a basic login and pricing component, which displays price for each tier in an annual or monthly price. Project was built using Vue.js framework. A mixture of SCSS and HTML was used to style the page as close to the designs as possible, and Javascript was used to achieve the functionality of the website.
You should be able to:
- 'Login' to the page to view your pricing options. (Set up to allow anyone to 'login' with any credentials)
- View the optimal layout for the component depending on their device's screen size
- Control the toggle to display different prices based on Annual and Monthly price
Project was written using Vue.js framework and hosted on Netlify: https://pricing-cmpnt.netlify.app/