Maskada (from portuguese mascada, means money) is the React client of maskada-api. It aims to perform very simple operations, to make it easier track your finances.
- ✓︎ List transactions by month
- ✓︎ Switch between months
- ✓︎ Calculate monthly balance
- ✓︎ Create transactions
- ✓︎︎ Create transactions with category
- ☕︎ List transactions grouped by type (eg: credit card)
- ✘ Manage transaction status like: delete/pending/done
- ✘ Create recurring transactions
- ✘ UI Dark mode
- ✘ UI Animations/Transitions
To make it simple to calculate, all transactions will belong to a type:
// Debit is a transaction which is subtracted.
const DEBIT = 1
// Credit is a transaction which is subtracted the next month.
const CREDIT = 2
// Income is a transaction which is summed.
const INCOME = 3
All the calculations happen in the client side.
This project was bootstrapped with Create React App, code is split between:
Services: App business logicComponents: Reusable UI elementsScenes: What the end user sees
Install project dependencies.
Runs the app in the development mode, open http://localhost:3000 to view it in the browser.
Launches the test runner in the interactive watch mode.
Builds the app for production to the build folder, your app is ready to be deployed!
Currently, this project is mostly for studying purposes, and it's not hosted anywhere. If you're interested in learning react, hooks and tests, feel free to fork it.