https://github.com/jobadsayas/financereact

Rebuilding my personal Finance system in React
https://github.com/jobadsayas/financereact

axios javascript react

Last synced: 9 days ago
JSON representation

Rebuilding my personal Finance system in React

• Host: GitHub
• URL: https://github.com/jobadsayas/financereact
• Owner: JobadSayas
• Created: 2024-02-17T16:54:00.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-10-24T05:14:08.000Z (3 months ago)
• Last Synced: 2024-11-19T00:46:40.141Z (2 months ago)
• Topics: axios, javascript, react
• Language: JavaScript
• Homepage: https://financedemo.visssible.com
• Size: 74.3 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Finance React - Personal Finance Tracking System

## Description

This project began in 2018 shortly after I got married, with the goal of creating a collaborative system for tracking expenses with my wife. Initially, I developed it using jQuery for the frontend and PHP for the backend, allowing us to have a custom-tailored tool to manage and monitor our finances.

As our needs evolved, I continuously updated the app to make expense tracking more intuitive and user-friendly. In 2023, I decided to transition the application to React, taking advantage of its modern capabilities to improve performance, scalability, and user experience.

You can see the live version here although it has dummy data for privacy reasons.

finance.visssible.com

## Built With

- React.js

- Chart.js 

- Axios

## Features

-  Responsive design: Optimized for both mobile and desktop views, ensuring an optimal experience on any screen size.

-  Monthly charts: Visualize income and expenses over the last 12 months using Chart.js.

-  Advanced search: Perform detailed searches using multiple parameters to easily find specific transactions.

-  Multiple budgets and payment methods: Manage various budgets and track expenses across different payment methods.

-  Real-time API calls: Fetch user and order data dynamically using real-time API integrations.

-  Reusable components: Built with modular and reusable React components for efficiency and scalability.

## Screenshots