Skip to content

mvk24199/myexpense_tracker

Repository files navigation

myexpense_tracker

Welcome to myexpense_tracker, your go-to mobile application for tracking personal expenses and managing budgets. The app is designed to provide you with a comprehensive overview of your spending habits, helping you make informed financial decisions and encouraging better savings.

Project Overview

The aim of the myexpense_tracker app is to track and document every penny you spend during a given time frame. This allows you to understand where your money is going and motivates you to manage your finances more wisely, leading to improved spending habits and increased savings.

Features

1. Dashboard Overview

The homepage serves as a dashboard, offering a summary of your total expenses, categorized spending breakdown, and budget progress bars. This gives you a quick snapshot of your financial status.

Dashboard Screenshot

2. Expense Management

Users can manually input their expenses, categorize them, and add additional details such as date, location, and description. Alternatively, you can integrate your bank statements for automatic tracking, ensuring secure data handling.

Expense Management Screenshot

3. Budgeting and Alerts

Set monthly budgets for various categories like dining, entertainment, and transportation. Receive alerts when you're nearing or exceeding your budget limits, helping you avoid overspending.

Budgeting and Alerts Screenshot

4. Financial Reports

Generate detailed expense reports for specific time periods. These reports can be exported to PDF for easy sharing and record-keeping.

Financial Reports Screenshot

5. Data Visualization

Visualize your spending patterns through charts and graphs. This helps you see trends over time and make better financial decisions.

Data Visualization Screenshot

6. Secure Login

The app uses a secure login method to protect your financial data. User information and bank statement integrations are encrypted to ensure maximum security.

Development Process

The development of myexpense_tracker involved several key steps:

  1. Requirement Analysis: Identifying the core functionalities required for an effective expense tracking app.
  2. Design: Creating wireframes and user interface mockups, focusing on user experience and data visualization.
  3. Development: Building the app using modern technologies and frameworks, ensuring secure data handling.
  4. Testing: Conducting unit tests and user acceptance tests to ensure the app functions as expected.
  5. Deployment: Releasing the app on mobile platforms and ensuring scalability.

Challenges Faced

  • Data Security: Ensuring the secure integration of bank statements while protecting user data.
  • User Interface Design: Creating an intuitive and user-friendly interface.
  • Budget Alerts: Implementing an effective alert system for budget tracking.

Solutions Implemented

  • Encryption: Using industry-standard encryption to protect user data.
  • User-Centric Design: Focusing on a simple, intuitive interface for ease of use.
  • Notification System: Building a flexible alert system that can be customized by users.

Technologies Used

  • Frontend: React Native
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • Authentication: JWT (JSON Web Tokens)
  • Charts and Graphs: D3.js
  • Testing: Jest
  • Deployment: Docker, AWS

Installation & Setup

To install and run the app locally, follow these steps:

  1. Clone the Repository
    git clone https://github.com/your-username/myexpense_tracker.git
  2. Install Dependencies Navigate to the project directory and run:
    npm install
  3. Configure the Environment Create a .env file in the root directory with the necessary environment variables:
    PORT=3000
    DB_URI='your_mongodb_connection_string'
    JWT_SECRET='your_jwt_secret_key'
  4. Run the App Start the backend server:
     npm start
    
  5. To run the mobile app on an emulator or connected device: ( Access the App, Once the server is running and the mobile app is deployed, you can use the app on your mobile device or emulator.)
npx react-native run-android # for Android
npx react-native run-ios # for iOS

About

Expense Tracker application using react

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •