Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mentorg/fintrack

Fintrack is a personal finance management app built with React and TypeScript, featuring tools such as React Router, React Pro Sidebar, MUI, Nivo, Formik, and Yup. Manage your finances easily with this intuitive and user-friendly app.
https://github.com/mentorg/fintrack

formik mui muiv5 nivo personalfinance react react-pro-sidebar react-router typescript yup

Last synced: about 20 hours ago
JSON representation

Host: GitHub
URL: https://github.com/mentorg/fintrack
Owner: Mentorg
License: apache-2.0
Created: 2023-11-20T01:40:48.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2024-01-04T16:37:41.000Z (about 1 year ago)
Last Synced: 2024-01-04T17:26:37.824Z (about 1 year ago)
Topics: formik, mui, muiv5, nivo, personalfinance, react, react-pro-sidebar, react-router, typescript, yup
Language: TypeScript
Homepage: https://mentorg.github.io/fintrack/
Size: 1.87 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

## Introduction
---
[![License: MPL 2.0](https://img.shields.io/badge/License-Apache%202.0-brightgreen.svg)](https://opensource.org/license/apache-2-0) ![General badge](https://img.shields.io/badge/npm_package-1.0.0-green.svg) [![General badge](https://img.shields.io/badge/live-demo-blue.svg)](https://mentorg.github.io/fintrack/) ![General badge](https://img.shields.io/github/repo-size/Mentorg/fintrack) ![General badge](https://img.shields.io/github/last-commit/Mentorg/fintrack/main)

Fintrack is a feature-rich personal finance management app built with React and Typescript. This intuitive app helps you effortlessly track and organize your income, expenses, savings, and investments. With a sleek and user-friendly interface, Fintrack ensures a seamless experience for effectively managing your finances.

### Demo
---
Here is a working live demo: https://mentorg.github.io/fintrack/

### Previews
---

### Features
---
- **Overview:** Get an overview of your current financial status and key indicators.
- **Budget:** Set and track your monthly budget across different categories.
- **Bills:** Manage and track your recurring bills and payments.
- **Reports & Analytics:** Visualize your financial data with interactive charts and graphs.
- **Debt Management:** Keep track of your debts and analyze repayment progress.
- **Investments:** Monitor and track your investment portfolio.
- **Net Worth:** Calculate your net worth based on your assets and liabilities.
- **Settings:** Customize the app according to your preferences.

### Built with
---
- [React 18](https://react.dev/)
- [Typescript 5](https://www.typescriptlang.org/)
- [React Router 6](https://reactrouter.com/en/main)
- [React Pro Sidebar](https://github.com/azouaoui-med/react-pro-sidebar)
- [MUI 5](https://mui.com/)
- [Nivo](https://nivo.rocks/)
- [Formik 2](https://formik.org/)
- [Yup](https://github.com/jquense/yup)

### Setup
---
To get started with this project, follow these steps:

**1. Prerequisites**

Make sure you have Node.js and npm installed on your computer. You can download and install them from [here](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm).

**2. Clone the repository**

Clone this repository to your local machine using the following command:

`git clone https://github.com/Mentorg/fintrack.git`

**3. Navigate to the project directory**

Navigate to the project directory using the following command:

`cd fintrack-main`

**4. Install dependencies**

Install the project dependencies using the following command:

`npm install`

**5. Start the development server**

Start the development server using the following command:

`npm run dev`

This will start the development server and open the project in your default web browser.

### Licence
---
This project is licenced under the [Apache License, Version 2.0](https://opensource.org/license/apache-2-0/).