Skip to content

rcmoret/react-budget

Repository files navigation

This project was bootstrapped with Create React App.

This project works in conjunction with my budget api

Getting started

API Configuration

cp src/constants/Api.js.example src/constants/Api.js
By default, the api is expected to be running locally (127.0.0.1) on port 8088.
Change src/shared/Constants/Api.js to match your api set up.

npm install

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

Accounts

Manage

Each account appears as a tile with a name and its balance across the top.
From here you can select 'Manage Accounts'. From here you can create, modify, delete (usually soft delete) accounts.

Transfers

View, create and delete transfers

Transactions

Clicking on a tile renders that accounts transactions which are paginated by month. Creating and update individual transactions is available here. Transactions are paginated by month and the url will change to reflect the month (accounts/:account_id/:month/:year). The absence of month and year will default to the current month/year.

Budget

Items Index

Items are also paginated by month and follows a similar pattern to transactions index. Items are organized by day-to-day/monthly and also by revenues/expenses. Day-to-day (and discrectionary) items have additional information which can be seen by clicking the caret for the item. Item amount is the only editable datum for an item so clicking on the amount renders an input for updating.

Category Index

Create, read, update and delete are available for categories

Icons

Create, read, update and delete are available for icons

New Month Workflow

...

About

A Front End Application for display and interacting with budget data

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages