Skip to content

A financial tracker mobile app built using React Native and Firebase

Notifications You must be signed in to change notification settings

ngquyduc/MonKey

Repository files navigation

MonKey - Orbital 2022

Author:

Programme Diagram

Authentication

Authentication Diagram

Activity Flow

Activity Flow Diagram

Firestore Collections Structure

Firestore Collections Structure Diagram

Core Features

1. Authentication

Screenshots

Highlights

  • Streamlined user registration: Email-based account creation and seamless signup process.
  • Effortless access: Upon signup, users are directed to the home page without additional logins.
  • Password management: Password reset via email link; option to logout and switch accounts.

2. Home

Screenshot

Highlights

  • Instant financial overview: View daily transactions, income, and expenses effortlessly.
  • Smart spending tracking: Visualize spending vs. set limits via progress rings.
  • Detailed transaction insight: Comprehensive list of today's records with category, note, and amounts.

Add-ons

  • Change Limit

Users have the option to personalize month/day limits in this section.

  • Edit Item

Users can edit their previous records

3. Calendar

Screenshots

Highlights

  • Efficient historical check: Users access past transactions through the calendar feature.
  • Insightful calendar view: Half-screen layout displays month's income, expenses, and balance; dated dots represent recorded items.
  • Detailed daily exploration: Date selection reveals transactions and balance, with swipe-left options for editing or deletion, akin to Home Screen.

4. Input

Screenshots

Highlights

  • Core input functionality: Vital for app completion and testing.
  • Effortless transaction recording: Users note date, amount, optional note, and category.
  • Built-in category selection: Predefined income and expense categories.
  • Enhanced category interface: Post-Milestone 2 update for improved visuals and scrolling.
  • User customization: List personalization via edit button, leading to described edit screen.
  • Nested scroll solution: Addressed issue with nested scrollviews using pop-up date picker.

5. Statistics

Highlights

Highlights

  • Comprehensive transaction statistics: Monthly and annual insights through pie charts.
  • Interactive details: Clicking on pie sections reveals category specifics.
  • Sorted category list: Monthly/yearly categories ranked by amount.

6. Others

Screenshots

Highlights

  • Personalization options: Customize username, limits, and category list.
  • User ratings: Provide feedback and ratings for app improvement.
  • Convenient sign out: Easily log out and return to Login screen.

Testing

1. Automated Testing (Jest)

2. Manual Testing

3. User Testing

To see more details, please visit Documentation

About

A financial tracker mobile app built using React Native and Firebase

Resources

Stars

Watchers

Forks

Packages

No packages published