The purpose of the task is to increase familiarity between the developer and the code.
We will be using the output of this task in the next step in the interview process.
We expect this task to take one evening to complete.
You do not have to complete all the tasks, but please be aware of [the purpose)(#purpose) above and take note of what we're looking for
A developer is halfway through a score indicator feature card and has been called away.
It is now up to you to finish the feature ready to release.
Build our circular score indicator, as shown on clearscore.com/account/ and https://youtu.be/tIjtcL5Z0Wk?t=5.
Send your solution as a link to a public git repository with clear instructions and your thoughts in the README.
The data can be requested from https://s3.amazonaws.com/cdn.clearscore.com/native/interview_test/creditReportInfo.json
- The carousel should contain at least 2 slides.
- the slides should animate from slide 1 to slide 2
- Slide 1 should show the 'score indicator'
- Slide 2 should show 'long term debt'.
- Show the given score in the middle and with an arc outside that represents the score out of 700
- The arc animates on load
- Add a bouncing effect to the end of the animation of the arc
- Node version >= 9.3.0
- Yarn is used as the package manager
- Run:
yarn start:webpack - Run:
yarn start:dev(in a new terminal) - Goto:
http://localhost:3000/