Wallety - Budget Tracker
Wallety is a budget tracker for personal finance and budget planning.
Table of Contents
- Screenshots
- Tech Stack
- Quick Start
- Run Locally
- Deployment
- File Structure
- Color Reference
- Author
- License
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:
Wallety
.
├── 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 |
10 Jul 27, 2022
10 Dec 12, 2022
100 Oct 10, 2022
9 Nov 27, 2022
14 Oct 25, 2022
21 Jun 7, 2021
31 Jan 28, 2022
1 Jan 3, 2022
6 Mar 11, 2022
7 Dec 19, 2022