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	#256BFE
WHITE	#FFFFFF
BLACK	#18191E
LIGHT_BLACK	#282A37

Author

• @blaiti

License

MIT