Git Product home page Git Product logo

pratikkabade / ivy-wallet-web Goto Github PK

View Code? Open in Web Editor NEW
17.0 17.0 4.0 1.07 MB

The Ivy Wallet Web is a web version of the popular Android money management app, Ivy Wallet. It is built with React, TypeScript, and Tailwind CSS.

Home Page: https://ivy-wallet-web.vercel.app

License: GNU General Public License v3.0

JavaScript 0.41% HTML 0.84% TypeScript 96.08% CSS 2.67%
my-react-projects

ivy-wallet-web's People

Contributors

pratikkabade avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

ivy-wallet-web's Issues

Migration to SPA

Description

The app seems to be overly complicated

Problem Statement

The specific challenges we are encountering include

  • Removal of clutter
  • For more, refer tasks from below

Requirements?

  • Migration of all routes to single page
  • Create a Settings Page
  • Remove Category, Account Page
  • Completely Redesign the UI using UX essentials

Total Balance

Description

Currently, we are facing difficulties in

  • showing the total amount money in each category and account

Problem Statement

The specific challenges we are encountering include

  • adding all the individual items of specific array and displaying it at the top

Requirements?

  • Already, Fetched the amount of all the data while displaying the content
    • Store it in a variable
    • Display it
  • This goes in
    • Dashboard - will show sum of all the transactions
    • Accounts - only the specific account
    • Category - only the specific category

NEW: Improper handling, Planned Payments should not be visible. To fix it:

  • Filter out the planned payments
  • Remove them from currentData

Incorporating additional features from the Android App

In the current Release v1.0, our web version lacks several features present in the Android version that need to be incorporated. These features include:

Planned Payments

  • Create a button in setting which would show all planned payments from the JSON file

Reports

  • Create a button in setting which would build out a report by same features from Android App
    • Filter transactions by type: expense, income, or account transfer
    • Specify a time period for transaction retrieval
    • Select categories and accounts to narrow down results
    • Define a range of amounts to filter transactions
    • Enable keyword-based search with inclusive or exclusive filtering
    • Implement tag-based search functionality
  • Ability to export all this in JSON or CSV

Budget

  • Implement functionality to read budget data from a JSON file and visualize it within the application.

Loan

  • Implement functionality to read loan data from a JSON file and visualize it within the application.

Buffer amount

  • Implement functionality to read buffer amount data from a JSON file and visualize it within the application.

Show all transactions

Description

Currently, we are facing difficulties in showing all the transactions

Problem Statement

The specific challenges we are encountering include there is some typo which needs to be fixed

Requirements?

  • Binary search for error causing entry
  • Remove it temporarily
  • Recheck whether the app works properly

IMPORTANT: Sum

  • Sum of expense should be considered as negative
  • And income as positive

ENHANCEMENTS: Date Options

  • Dynamically adjust the content of DateOptions based on the JSON data

NEW: The error was being caused by Uncategorized Category. To fix it:

  • #10
    • Provide safe pass for item.categoryId
    • Using item.categoryId || 'No Name' doesn't work, it blocks out the separation factor

Code Refactor and Restructuring

Description

Currently, we are facing difficulties in displaying the codebase properly

Problem Statement

The specific challenges we are encountering include.

  • Codebase refactoring
  • Restructuring

Previous Refactor reference

Requirements?

  • Codebase refactoring
  • Organizing the entire codebase into Logical folders

Accounts & Categories

Description

Currently, we are facing difficulties in: Accounts and Category items

Problem Statement

The specific challenges we are encountering include

  • Filtering out Accounts and Category items
  • Separation Accounts and Category page

Requirements?

  • Major issues
    • Create a new Account and Category page
      • Add their Routing within the Router
    • Create a filter for both
    • Save filtered item name locally to prevent data from resetting upon refresh
    • Connect the individual item button to both the account and category pages
  • Small adjustments
    • Alter the message displayed during a loading error based on URL existence

Date Filtering

Description

Currently, we are facing difficulties in filtering the transactions by date

Problem Statement

Use of filter in transaction filtration using date

Requirements?

  • Create function that converts dateTime to month and year
  • Add a new item to an array to store month and year
  • Develop a new component to filter date
  • Integrate filtering functionality into all major components, including Dashboard, Accounts, and Category

Fetching Data from Online JSON File

Description

Currently, we are facing difficulties in fetching data from an online JSON file hosted on GitHub (or any other site). This issue is hindering our ability to retrieve and utilize the necessary data for our application's functionality.

Problem Statement

The specific challenges we are encountering include:

  1. Accessing the JSON File: We are unable to access the JSON file hosted on GitHub (or another site) programmatically.
  2. Fetching Data: Despite attempts to fetch data using various methods (e.g., HTTP requests, JavaScript libraries), we are not receiving the expected response or encountering errors, especially CORS Error

Tasks

  • Uploading the JSON file to a web server for hosting
  • Fetching the file
  • Preventing the occurrence of CORS errors
  • Remove existing local JSON data
  • In the tutorials section, replace the addition of JSON data with a URL
  • Modify the add data modal as required
  • Display the necessary content

Code Refactor

Description

Requirement for refactoring in codebase

Problem Statement

As the project grows longer, it will become more difficult to handle, making this the most crucial step in the development process.

Requirements?

  • New component to cache data locally, and thereby improving performance by eliminating the need to constantly fetch data from external sources
  • Modification of variable names for more clarity
  • Combine code used repeatedly for displaying data into a single reusable component
  • Eliminate redundant code from the dashboard, accounts, and category pages
  • Clean up the codebase by removing unused code
  • Clean up CSS files by removing unused styles
  • To streamline the interface while preserving future flexibility, let's hide the 'Add Data' button but retain the code for swift implementation when required

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.