mstc-da-iict/hacktoberfest23-expense-tracker-app-flutter

An expense tracker app project built in Flutter for hacktoberfest'23

hacktoberfest23-expense-tracker-app-flutter's Issues

Edit button for Expenses

Summary:
We need to implement an "Edit Expense" button in the Expense Manager application to allow users to modify existing expense records.

Scope:
The scope of this issue includes:

Adding an "Edit" button to the expense detail view.
Implementing the logic to edit and update the selected expense details.
Ensuring proper validation and feedback for the editing process.
Design and Implementation Guidelines:

Create an intuitive and user-friendly interface for the "Edit" button.
Allow users to make changes to expense details, such as amount, category, date, and notes.
Provide clear feedback to users upon successful editing or error.

Implement Expense Statistics Charts

Summary:
We need to design and implement expense statistics charts in our app to provide users with visual insights into their spending habits and financial trends.

Scope:
The scope of this issue includes:

Designing and integrating various types of charts (e.g., pie charts, bar charts, line charts) to represent expense data.
Implementing data visualization logic to generate charts based on user's expense history.
Ensuring that users can easily access and interact with the statistics charts within the app.

Design and Implementation Guidelines:

Design the charts to be visually appealing, easy to understand, and accessible.
Implement dynamic data updates, allowing users to view expenses for different time periods (e.g., daily, weekly, monthly).
Provide interactive features such as tooltips, labels, and filtering options for a richer user experience.

Design and Implement Splash Screen

Summary:
We need to design and implement a splash screen for our app to provide users with a visually appealing and branded loading experience.

Scope:
The scope of this issue includes:

Designing a captivating and on-brand splash screen image or animation.
Implementing the splash screen logic to display it when the app is launched.
Configuring the splash screen's duration to ensure a smooth transition to the main app interface.

Profile page Functionality

Summary:
We need to design and implement a user functionality page in our application to enhance the user experience and provide a centralized hub for managing user-related actions.
Design and Implementation Guidelines:

Create an intuitive and user-friendly interface for the user functionality page.
Implement necessary backend logic to handle user-related actions securely.
Ensure proper validation and error handling for form submissions.
Provide clear labels and instructions for users to navigate and use the functionalities.
Users must able to edit the profile details according to their needs.

*The image is only for reference.
*You can add as many fields as you want but basic fields like Name, Contact no, and Email must be there.

App logo and Title

Summary:
We need to update our app's logo and title to reflect our evolving brand and enhance the overall user experience.

1. Give an appropriate name to the app.
2. Change the Logo of the app. By default, you will get the Flutter logo when running the app but you must change the logo according to the app name.

Card to add expenses

Summary:
We need to implement the expense tracking functionality in our Expense Tracker app to help users manage their finances effectively.

1. Create a card so that the user can add expenses
   
   *The image is attached for the reference.
   *You can use your creativity to do this. It is not required to build the same as shown above it is only for reference.

Design Guidelines:

Follow our app's existing design principles and user interface.
Ensure a user-friendly experience for adding and managing expenses.
Implement categories or tags to help users organize their expenses.

Additional Information:

This feature is crucial for improving the utility of our app and providing users with a comprehensive expense management solution.
Consider using relevant libraries to efficiently manage expenses and data.

Broken Code

The code in home.dart needs refactor not sure which merged pull caused this

PS: These bugs are not local for cross verification I added a screenshot comparing the repo and my local code. These came up after I synced the changes

No State Management

To have better control over the app it is a must to add state management.
Keeping in mind the level of complexity for beginners,
we can use any one of the below :

• GetX
• Riverpod
• Provider

Implement App Notifications

Summary:
We need to design and implement a notification system in our app to keep users informed about important updates, events, or interactions.

Scope:
The scope of this issue includes:

Designing the notification layout and appearance, including icons, text, and interactive elements.
Implementing the notification logic to deliver timely and relevant notifications to users.
Allowing users to control notification preferences within the app's settings.

UI Overflowing while adding an expense

---

Possible fix:

• Try adding a single child scroll view

Better option:

• Remove the pop up and add expense in a new page or a bottom sheet

Delete button for Expenses

Summary:
We need to implement a "Delete" button in the Expense Manager application to allow users to remove specific expenses from their records.

Scope:
The scope of this issue includes:

Adding a "Delete" button to the expense detail view.
Implementing the logic to delete the selected expense from the user's expense history.
Ensuring proper confirmation and error handling to prevent accidental deletions.
Design and Implementation Guidelines:

Create a user-friendly and intuitive interface for the "Delete" button.
Prompt users for confirmation before deleting an expense to avoid data loss.
Provide clear feedback to users upon successful deletion or error.

Design and Implement Navigation Bar

Summary:
We need to design and implement a navigation bar (navbar) for our app to provide users with intuitive navigation and quick access to app features.

Scope:
The scope of this issue includes:

Designing the layout and appearance of the navigation bar, including elements like menus, icons, and branding.
Implementing the navigation bar logic to ensure seamless transitions between app sections and screens.
Ensuring that the navigation bar is responsive and functional on various devices and screen sizes.

*The image is attached for the reference.

Add Scroll Bar to App Interface

Summary:
We need to incorporate a scroll bar into our app's user interface to enhance the user experience when navigating through content that extends beyond the viewport.

Scope:
The scope of this issue includes:

Identifying areas of the app where content exceeds the visible screen space.
Implementing a scroll bar that allows users to scroll through lengthy content.
Ensuring a consistent and visually appealing design for the scroll bar across different app screens.
Design and Implementation Guidelines:

Design a scroll bar that aligns with our app's overall design and theme.
Implement smooth and responsive scrolling behavior for a seamless user experience.
Test the scroll bar across various screen sizes and devices to ensure compatibility.

Budget- Limit Feature

Requirements:

1. Budget Limit Setting: Users should be able to set a budget limit for a specified time frame (e.g., monthly or weekly). This limit can be adjusted as needed.

2. Red Color Indicator: When the user approaches or exceeds their budget limit, a red color button or another visually distinctive element should be displayed prominently within the app to alert them.

3. Customizable Threshold: Consider allowing users to customize the threshold at which the red color indicator is triggered (e.g., 90% of the budget limit).

Acceptance Criteria:

Users can set a budget limit for a specified time frame.
The app visually indicates when the user approaches or exceeds their budget limit with a red color button.
The red color indicator is customizable in terms of the threshold and time frame.
The budget limit feature is accessible and user-friendly within the app's interface.

Implement Dark Theme for the App

Summary:
We need to introduce a Dark theme option to our app to provide users with a visually comfortable and energy-efficient alternative.

Scope:
The scope of this issue includes:

Designing and implementing a Dark theme for the entire app, including user interface elements, backgrounds, and text.
Ensuring a seamless transition between the Dark and Light themes.
Allowing users to toggle between Dark and Light themes in app settings.