zadani.md

Zadání:

Jako uživatel, který si chce půjčit peníze, chci mít možnost vybrat si částku a dobu splácení, abych viděl jaká bude moje měsíční splátka a úrok.

Features:

• 2 slidery
  • 1. slider ovládá částku (amount)
  • 2. slider ovládá počet měsíců (term)
• u každého slideru je <select>, který zobrazuje všechny možné hodnoty
• <select> je propojený se sliderem - pokud se změní jeden, automaticky se mění i druhý

Poznámky

API je dostupné na https://www.vivus.com.mx/webapi/

• https://www.vivus.com.mx/webapi/application/constraints dodá hodnoty pro nastavení kalkulačky (min, max, default value, step)
• https://www.vivus.com.mx/webapi/application/first-loan-offer?amount=XX&term=YY na základě parametrů amount a term odpoví JSON objektem který obsahuje info o půjčce Kvůli CORS je nutné udělat na API proxy – jednoduché je to například za použití connect-modrewrite Alternativou může být napsat si vlastní jednoduché REST API v Node.js za pomoci (například) Expressu. Slider doporučuji nepsat vlastní, ale raději využít nějakou open source implementaci.

Bonus

• Use Flux (Redux) to capture the state of the application
• Use Immutable.js or Ramda to save and manipulate the state
• Use some boilerplate to kick off the project (e.g. Este)
• Cache all requests so the application is more responsive to user input
• Server rendering
• Use inline styles

Example of a production application: https://www.vivus.com.mx/