The Budgeting App is a web application that allows users to log in and manage their financial information. Users can create a budget list and log their financial transactions, such as wages, gifts, phone bills, gas expenses, and other expenses or income. The app calculates the bank account total based on the logged items.
Deployed Back-end: https://budgeting-app-back-end.onrender.com/
Deployed Front-end: https://jkpasaoa-budgetingapp-fe.netlify.app/
The view of the items, user has/can list.
After clicking the item, you can view the details of that transaction.
After clicking the edit button on the transaction details page, it leads the user to the edit transaction page and has to fill in the fields to submit.
Once you click in the navigation bar, "New Transaction", the user can log in the fields of Date, Name, Amount, From, and Category and submit the item into the original budget list.
The application is built using JavaScript, HTML, CSS, React, Bootstrap, and Express.
To run the Budgeting App on your local machine, follow these steps:
- Clone the repository: git clone https://github.com/yourusername/budgeting-app.git
- Navigate to the project directory: cd budgeting-app
- Install dependencies: npm install
- Start the server: npm start
The app should now be running on http://localhost:3000/
Client: React, Javascript, CSS, HTML
Server: Node, Express
View Trello link for how I planned my budgeting app: https://trello.com/b/tgWDAUGG/budgeting-app-planning
If you want to view my back-end github repository for this project: https://github.com/jkpasaoa/budgeting-app-back-end