Web app designed with HTML / CSS and JavaScript (Vanilla + Node.JS) used to manage bills and payments between roommates where they share the same UI (showing the household's payments for the current month) by assigning their profile to the same household located on a firebase server. Each user can add a payment they paid for and should be reimbursed by the other roommates, with each payment holding information.
Biller Web-App is used to manage bills and payments between roomates where they share the same UI (showing the household's payments for the selected month) by assigning their profile to the same household. All inital data currently presented on the website is used to simulate a already ongoing household with active roomates and payments. Main Functions And Options
Add Payments: Create a new payment and set details / file. Delete Payments: Remove a payemnt permanently from the database. Show Statistics: Includes household statistics and personal achievements. Edit Household Data: Change household name, address, postal code. Edit User Data: Change name, email, password and profile picture. Filter Payments: View only payments which you should be reimbursed or pay for. Select The Current User: Switch between the active user to show versatility. Show Previous Months: Move to a selected month and show it's payments.
This website was built using HTML, CSS, JavaScript (ES6+), firebase as a data storage service and node.js for the backend. Chart.js was used for the pie and bar charts on the statistics window. The entire project's design pattern is module based OOP Biller is an individual project created from scratch only by the two of us. We are both second year software development students who decide to expand out programming skills beyond the university's curriculum and create a self taught HTML, CSS, JavaScript project. Biller Web-App is used to manage bills and payments between roomates where they share the same UI (showing the household's payments for the selected month) by assigning their profile to the same household. All inital data currently presented on the website is used to simulate a already ongoing household with active roomates and payments. If you encountered any sort of bugs or problems using this website, please let us know. We will be happy to fix it and improve ourselves.