This is the client side of a budget website, written using Typescript and React. The goal of this website is to help users keep track of their budget and expenses.
You can check out a live demo of this application here.
This project depends on Budget App Server, which provides the backend functionality for this website. Before running this client application, you need to install and run the server application. Follow the instructions in the server's README file to get it up and running.
- Dashboard: Users can see a summary of their expenses, income and overall budget for the month.
- Transactions: Users can add, edit and delete their transactions. Transactions can be categorized and filtered.
- Reports: Users can see reports and graphs of their expenses and income over time.
- Tags: Users can tag their transactions with different labels and filter transactions by tags.
To get started with this project locally, follow these steps:
- Clone this repository using
git clone https://github.com/mdonlan/budget_app_client.git
. - Install the dependencies by running
npm install
. - Make sure that the Budget App Server is up and running, following the instructions in its README file.
- Start the development server using
npm start
. - Open
http://localhost:8080
in your browser to view the website.