A personal spending calculator that displays an overview of user's expenses in a bar chart (hardcoded into the Javascript file) and a pie chart (using the Chart.js library). The requirements for this project was to develop an interactive JQuery site that incorporates UI design, DOM manipulation, error handling and other Javascript concepts learned in the course to date.
Project features:
- Dynamically adding and removing form inputs from the DOM using JQuery
- A chart colour scheme is randomly generated upon form submission
- Use of the Chart.js javascript library
- Error handling to notify users of overspending and invalid input values
- Accessible form elements and UI
- Responsive design
View the project here.