Wallety - A budget tracker for personal finance and budget planning
source link: https://reactnativeexample.com/wallety-a-budget-tracker-for-personal-finance-and-budget-planning/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
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 | #256BFE |
WHITE | #FFFFFF |
BLACK | #18191E |
LIGHT_BLACK | #282A37 |
Author
License
GitHub
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK