This is the web interface for Trancker application.
- Sees the
Dashboard
page when the app is started containing graphical summaries of the following key metrics:
o Summary section of contributions made on trancker. o Contributions by month for the current year. o Total contributions by year. o Contribution increase/decrease by year. o Average contribution amount by month and year.
-
Navigates trancker pages by clicking on the pages listed on the hamburger menu in the Navigation Bar.
-
Can add/update/delete transactions on the
Transactions
page. -
View a tabular transaction ledger containing previously entered transactions.
-
Can click the
About
link in the Footer bar to display information about the Developer.
This is application is a frontend app built with React library.
- ReactJs
- Redux
- Bootsrap
- Nivo (Data visualization)
- Google Charts (Data visualization)
-
Install Node JS on your machine.
-
Clone the repository.
-
Change directory into the root of the project directory.
-
Run
npm install
on the terminal to install project dependecies. -
Create a
.env
file and copy this variable in.env.sample
into it. -
Start the application: Different Build Environments.
npm start
npm run dev
Ensure the backend application is running to enable this application call the API endpoints.