BillBell

Overview

This is a mobile financial management application that helps users to manage their bills. The main functions of this application include the followings:

1. Registration
2. Login
3. View All Bills
4. View Bill Details
5. Add Bill
6. Edit Bills
7. Delete Bills

Tech Stack

1. React Native
2. Firebase
3. SQLite
4. Figma

System Design

Prototype Design

• https://www.figma.com/file/XdQX8hV6we0u4izbD1Agzf/WAD?node-id=0%3A1
• https://www.figma.com/file/HpjAOYAgsmBDNSw42H0cRO/Prototype-Design?node-id=0%3A1

Installation Steps

1. Install the packages using npm.

    npm i
   

2. Create SQLite database by running the createdb.py.

   python createdb.py
   

3. Refer to the link to setup SQLite storage.
4. Run the application using Android emulator or IOS emulator.

   react-native run-android
   react-native run-ios
   

Preview

1. On Boarding
   
   
   
2. Register
   
   
   
3. Login
   
   
   
4. Home
   
   
   
5. View All Bills
   
   
   
6. View Bill
   
   
   
7. Add Bill
   
   
   
8. Delete Bill
   
   
   
9. Settings
   
   
   

Contributors ✨

Thanks goes to these wonderful people (emoji key):

Ng Jia Yong 💻 🤔 📖

lwleo02 💻 🤔 📖

kaii411 💻 🤔 📖 🎨

Tan Yuan Jie 💻 🤔 📖

This project follows the all-contributors specification. Contributions of any kind welcome!