Money Management

Save, label and organise your transactions. Add your estimates to plan your financial life.

Features

Displays transactions history.
Imports transactions from csv file.
- Map headers fields to application transaction structure.
Calculates transactions history balance and displays it on a line chart and a table.
Adds wallets and assigns transactions to wallets.
Adds tags to transactions.
Displays transactions values by tag.
Adds future predicted transactions (estimates, contracts and budgets).
Allows seeing the future money amounts based on predicted transactions.

Folders Structure

models - types, classes and interfaces.
state - redux code. It uses ducks architecture.
views - react components.
- components - shared components.
- containers - shared components that change the state
- hocs - enhanced components.
- layout - page structure components like navigation bar and header.
- pages - application pages.

Configuration

Environment variables are defined in .env.{environment} files. Examples of environment values are production and development.

All variables must start with REACT_APP_, so create-react-app can inject them in project.

Getting started

Install dependencies and run server.

> npm install
> npm start

Or use docker

> docker-compose up

Deploy

Generate bundle of application minified and run static server with bundle generated.

> npm run-script build
> npm install -g serve
> serve -s build

Warning: Verify before deploying if build application has the last updates. If not, clean directory before running build script.

Available Scripts

Start application

npm start

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

The page will reload if you make edits.
You will also see any lint errors in the console.

Test

npm test

Launches the test runner in the interactive watch mode.

Build

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

Create React App

Bootstrapped with Create React App.

Find more information about how to perform common tasks on this guide here.

tomholford / money-management Goto Github PK