Front-end Engineer Homework Assignment
Build a web page(desktop/mobile) as seen in the mockup file found in the repo. The circles will represent 4 coins with editable values. The input field below, will take a total number input. The "Calculate" button will trigger a function that determines the smallest amount of coins to be used. This function will generate the "notification" circles for the denominations used where the amount of that coin will be displayed.
The example in the mockup shows that for a total of 18 cents, one 10 cent coin, one 5 cent coin, and three 1 cent coins are being used.
This page should use only html and css for visual elements. Html/css frameworks are ok. The wireframe represents a mobile design; however, it should be responsive, and the desktop version should have the contents centered both vertically and horizontally.
- Each of the coin circles should allow their values to be edited.
- The calculate function should be written in plain javascript.
- Coin denominations follow the US coin system in descending order: 25, 10, 5, 1
- Coin denominations for the above can be in any order
- Assuming a 1 coin will always exist, the other three coin values can be random, example: 25, 10, 6, 1
- Please fork this repo and submit a pull request with your solution.
- Be sure to commit frequently so that we may see your progress towards the final solution