Mortgify is an all-cost considered finance tool to aid with visual representation of the cost breakdown for a mortgage.
Link to project: https://billyrdz.github.io/Mortgify
Tech used:
- HTML
- CSS
- JavaScript
- Chart.js
Working with forms and inputs to capture client information. Render values by intergrating Chart.js Managing state in an object and updating the values when a user makes adjustments to the values.
- How to set the state, monitor the state, and update with every change.
- How to create a reactive chart.
- Implement event listeners to update the state.
- How to Loop through values in order to update displayed data in real-time
Take a look at these couple examples that I have in my own portfolio:
Simple Desk: https://github.com/BillyRdz/Simple-Desk
Tesla Landing Page: https://github.com/BillyRdz/Tesla-Scrolling-Landing-Page
Marleylilly Promotional Email: https://github.com/BillyRdz/marleylilly-promotional-email