My Expense

byvaluemint

Create a modern Android expense tracker app using Flutter. App Name: Daily Expense Manager Features: 1. Dashboard Screen - Show Current Balance - Show Total Monthly Expenses - Show Remaining Balance - Show Today's Expenses - Beautiful Material 3 UI 2. Add Expense Screen - Amount (Required) - Category Dropdown: - Food - Rent - EMI - Travel - Shopping - Recharge - Medical - Other - Date Picker - Notes Field - Save Button 3. Expense History Screen - Display all expenses - Search expenses - Filter by category - Delete expenses - Edit expenses 4. Reports Screen - Monthly expense summary - Category-wise totals - Pie chart - Bar chart 5. Budget Management - Set monthly salary - Set monthly budget - Calculate remaining balance automatically 6. Fixed Expenses - EMI tracker - Rent tracker - Credit card due tracker 7. Database - Use SQLite for local storage - Store all expenses permanently 8. Settings - Dark Mode - Export data to CSV - Backup and Restore Design Requirements: - Clean UI - Green and White theme - Material 3 - Responsive layout - Smooth animations Project Structure: - Flutter - Provider for state management - SQLite database - Proper folder architecture - Fully working source code - No placeholder code Generate complete production-ready Flutter code.

No preview

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document

My Expense

Introduction

The "My Expense" project is designed to create a modern Android expense tracker app using Flutter, named "Daily Expense Manager." This application aims to provide users with an intuitive and efficient way to manage their daily expenses, track budgets, and analyze spending patterns. The app will be used personally by the user on their Android phone.

System Overview

The "Daily Expense Manager" app will be developed using Flutter, ensuring a responsive and smooth user experience. It will feature a clean UI with a green and white theme, adhering to Material 3 design principles. The app will include functionalities such as expense tracking, budget management, and detailed reporting, all stored locally using SQLite.

Page 1 of 6

Functional Requirements

  • As a User, I should be able to view my current balance on the Dashboard Screen.
  • As a User, I should be able to see my total monthly expenses on the Dashboard Screen.
  • As a User, I should be able to view my remaining balance on the Dashboard Screen.
  • As a User, I should be able to see today's expenses on the Dashboard Screen.
  • As a User, I should be able to add a new expense with an amount, category, date, and notes on the Add Expense Screen.
  • As a User, I should be able to view all my expenses on the Expense History Screen.
  • As a User, I should be able to search and filter expenses by category on the Expense History Screen.
  • As a User, I should be able to delete and edit expenses on the Expense History Screen.
  • As a User, I should be able to view a monthly expense summary on the Reports Screen.
  • As a User, I should be able to see category-wise totals on the Reports Screen.
  • As a User, I should be able to view my expenses in pie and bar chart formats on the Reports Screen.
  • As a User, I should be able to set my monthly salary and budget in the Budget Management section.
  • As a User, I should be able to automatically calculate my remaining balance in the Budget Management section.
  • As a User, I should be able to track fixed expenses like EMI, rent, and credit card dues.
Page 2 of 6
  • As a User, I should be able to store all my expenses permanently using SQLite.
  • As a User, I should be able to enable Dark Mode in the Settings.
  • As a User, I should be able to export my data to CSV format in the Settings.
  • As a User, I should be able to backup and restore my data in the Settings.

User Personas

  • User: The primary user of the app who will manage personal expenses, set budgets, and analyze spending patterns.

Core User Flows

  • User opens the app -> Views current balance and expenses on the Dashboard -> Adds a new expense -> Views and edits expenses in the Expense History -> Analyzes spending in the Reports section -> Manages budget and fixed expenses -> Configures settings for personalization.
Page 3 of 6

Visuals Colors and Theme

  • primary: #4CAF50 (Green)
  • primary_light: #81C784 (Light Green)
  • secondary: #FFFFFF (White)
  • accent: #FF5722 (Deep Orange)
  • highlight: #FFC107 (Amber)
  • bg: #F5F5F5 (Light Grey)
  • surface: rgba(255, 255, 255, 0.9)
  • text: #212121 (Dark Grey)
  • text_muted: #757575 (Muted Grey)
  • border: rgba(0, 0, 0, 0.1)

Signature Design Concept

The "Daily Expense Manager" app will feature an interactive dashboard that uses a dynamic pie chart animation to represent the user's spending categories. As users hover over each segment, the chart will expand slightly, providing detailed information about the category's expenses. This interactive element will be built using framer-motion for smooth transitions and animations, making the app visually engaging and informative.

Interaction Model & Motion Direction

The landing page will utilize an "animated" interaction model, with moderate scroll-triggered reveals and hover transitions. The dashboard will feature spring physics on interactive elements, providing a polished and engaging user experience. Internal pages will maintain a "static" layout for clarity and ease of use.

Page 4 of 6

Non-Functional Requirements

  • The app must be responsive and work seamlessly on various Android devices.
  • The app should have smooth animations and transitions.
  • Data should be stored securely and efficiently using SQLite.
  • The app should be easy to navigate with a clean and intuitive UI.

Tech Stack

  • Frontend: Flutter
  • State Management: Provider
  • Database: SQLite for local storage

Assumptions and Constraints

  • The app will be used on Android devices only.
  • The app will not require internet connectivity for core functionalities.
  • User data will be stored locally, with options for backup and export.
Page 5 of 6

Glossary

  • Flutter: An open-source UI software development toolkit created by Google.
  • SQLite: A C-language library that implements a small, fast, self-contained, high-reliability, full-featured, SQL database engine.
  • Material 3: The latest version of Google's open-source design system.
  • Provider: A Flutter library for state management.
Page 6 of 6

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Dashboard: View Balance
Dashboard: View Today Expenses
Add Expense: Enter Amount
Add Expense: Select Category
Add Expense: Save Expense
Expense History: View All
Expense History: Search Filter
Expense History: Edit Expense
Reports: View Monthly Summary
Reports: View Charts
Budget Management: Set Salary
Budget Management: Track Fixed
Settings: Configure App

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Dashboard: View Balance
Dashboard: View Today Expenses
Add Expense: Enter Amount
Add Expense: Select Category
Add Expense: Save Expense
Expense History: View All
Expense History: Search Filter
Expense History: Edit Expense
Reports: View Monthly Summary
Reports: View Charts
Budget Management: Set Salary
Budget Management: Track Fixed
Settings: Configure App