This is a simple app for users to visualize their spending history. See what areas of your day-to-day life are consuming the most of your resources
Its coded using ReactJs, Bootstrap CSS and HTML
To run the application, run npm start ##The base URL for the API https://fast-wave-83090.herokuapp.com/budget/
A user can: 1.Add expenses/income which have a name and a cost 2.Remove expenses/income 3.View the items they have been spending on
Let us get a deep dive into how to configure routing in REACT.
In order for you to use the content on this repo, ensure you have the following:
- A computer that runs on either of the following; (Windows 7+, Linux, Mac OS)
- nodejs 9.0+
To use this repo on your machine requires some simple steps
-
Open a terminal / command line interface on your computer
-
Clone the repo by using the following:
git clone git@github.com:ndush/budget-tracker-app.gitt -
Be patient as it creates a copy on your local machine for you.
-
Change directory to the repo folder:
cd budget-tracker-ap -
(Optional) Open it in
Visual Studio Codecode . -
(Alternate Option) Open it in any editor of your choice.
-
Hurray! You are one step closer to being as intelligent as Einstein.
-
On the top right corner of this page there is a button labelled
Fork. -
Click on that button to fork the repo to your own account.
-
Take on the process in
Alternative Oneabove. -
Remember to replace your username when cloning.
git clone https://github.com/your-username-here/budget-tracker-app
Running the application is very straight forward. You can use the following steps to run the app.
-
Install required dependencies from npm
npm install -
Run the application on the browser
npm start
This project was done to by:
The project is licensed under MIT License.