Wallety - A budget tracker for personal finance and budget planning
Waletty – Budget Tracker
Wallety is a budget tracker for personal finance and budget planning.
Screenshots
Tech Stack
Frontend: React Native
Environment: Android, iOS
Quick start
Clone the repo
git clone https://github.com/blaiti/waletty
Install Waletty with npm
cd Waletty
npm install
Run Locally
To run locally on Android, run the following command
npx react-native run-android
To run locally on iOS, run the following command
npx react-native run-ios
Deployment
To generate .apk file run
cd android
./gradlew assembleRelease
To generate .aab file run
cd android
./gradlew bundleRelease
File Structure
Within the download you’ll find the following directories and files:
Waletty
.
├── index.js
├── app.json
├── package.json
├── package_lock.json
├── babel.config.js
├── metro.config.js
├── android
├── ios
└── src
├── App.js
├── assets
│ ├── fonts
│ │ ├── Gilroy-Regular.ttf
│ │ └── Gilroy-SemiBold.ttf
│ └── images
│ └── logo.png
├── components
│ ├── Bar
│ │ └── index.js
│ ├── Button
│ │ └── index.js
│ ├── Cards
│ │ ├── BalanceCard
│ │ │ └── index.js
│ │ ├── MoneyBoxCard
│ │ │ └── index.js
│ │ ├── NotificationCard
│ │ │ └── index.js
│ │ ├── PieCard
│ │ │ └── index.js
│ │ └── TransactionCard
│ │ └── index.js
│ ├── CircularProgress
│ │ └── index.js
│ └── Headers
│ ├── BackHeader
│ │ └── index.js
│ ├── BlockText
│ │ └── index.js
│ └── HomeHeader
│ └── index.js
├── config
│ └── routes.js
├── context
│ ├── auth-context.js
│ └── auth-provider.js
├── dbHelpers
│ ├── moneyboxHelper.js
│ ├── openDB.js
│ └── TransactionHelper.js
├── navigations
│ └── index.js
├── screens
│ ├── auth
│ │ ├── index.js
│ │ └── login.js
│ ├── home
│ │ ├── index.js
│ │ └── notifications.js
│ ├── moneybox
│ │ ├── add-moneybox.js
│ │ └── index.js
│ ├── settings
│ │ └── index.js
│ ├── splash
│ │ └── index.js
│ └── transactions
│ ├── add-transaction.js
│ ├── expense.js
│ ├── income.js
│ └── index.js
├── styles
│ ├── colors.js
│ ├── index.js
│ └── typography.js
└── utils
├── ccategories.js
├── currency.js
└── quickActions.js
Color Reference
Color | Hex |
---|---|
PRIMARY | |
WHITE | |
BLACK | |
LIGHT_BLACK |