A React-Fullstack platform helps to track & compare your Incomes & Expenses transactions in one place via detailed Graphical information to manage your Budget.

Overview

Budget Master

Track your income and expenses in one place via detailed graphical information to manage your budget.

Manage your budget and transactions.
Add income & expense and compare your transactions throught their respective percentage contribution via easy & descriptive graphically represented data.
Keep a record of your transactions and manage them to save down the road.

Its simple, discriptive and easy to use application

Few transactions are added beforehand for UI/UX purposes. 
You can always manage/delete them too.

Made using React JS. This application is powered by Firebase

This is a responsive web application for viewing in both Mobile and Desktop.

This is still a work in progress.
If you find any bugs you can report it to me.
Pull requests are always welcome. For major changes, 
please open an issue first to discuss what you would like to change.

Few Screenshots

Homepage TransactionPage UserDrawer

Deployed

https://budget-master-12.web.app/

Features

  • User Profile.
  • Login & Signup.
  • Incomes and expenses profiles are graphically represented for quick understanding and easy categorical comparison.
  • Authenticated user can access the CRUD functionality.
  • Manageable transactions list.
  • All the data is stored and saved i.e. persistent
  • Fully Responsive.

Tech Stack

ReactJS, ChartJS, Chakra-UI, Firebase as a Backend Service.

Install Dependencies

npm install

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

You might also like...

A Vault Treasure application where you can store your Pending, Paid and Draft Transactions

A Vault Treasure application where you can store your Pending, Paid and Draft Transactions

A Vault Treasure application where you can store your Pending, Paid and Draft Transactions. Easy to Manage and Track your valuable treasures with user-friendly UI and simplicity

Jan 22, 2022

Collect, classify, and collate your Tezos transactions

Taz Taz is a tool for analyzing and reporting on your Tezos transactions. Taz does three things to help analyze your Tezos transactions. Collect: It d

Aug 3, 2022

React tooltip is a React.JS Component that brings usefull UX and UI information in selected elements of your website.

React Tooltip ✅ React tooltip is a React.JS Component that brings usefull UX and UI information in elements of your website. Installation ⌨️ React Too

Dec 22, 2021

⚡️The Fullstack React Framework — built on Next.js

⚡️The Fullstack React Framework — built on Next.js

The Fullstack React Framework "Zero-API" Data Layer — Built on Next.js — Inspired by Ruby on Rails Read the Documentation “Zero-API” data layer lets y

Jan 4, 2023

Concircle scanner mobile app is application That helps you scan your order and position and to know if there are exact or not. it's cross-platform app.

Concircle scanner mobile app is application That helps you scan your order and position and to know if there are exact or not. it's cross-platform app.

Concircle scanner mobile app ⭐ Star on GitHub — it motivates Me a lot! Concircle scanner mobile app is application That helps you scan your order and

May 7, 2022

Notices on a digital platform are quick and easy to access, reduce a lot of paper waste, and one can get notified about the updates and news.

Notices on a digital platform are quick and easy to access, reduce a lot of paper waste, and one can get notified about the updates and news.

DigitalNoticeBoard - Mobile App - (Still In DEV) An Notice Board App for Students To Stay Connected With The College Updates..! Why a college campus n

Nov 24, 2022

This is a challenge intiated by ModelSis. It consists in building a basic fullstack web app

This is a challenge intiated by ModelSis. It consists in building a basic fullstack web app

modelsis-react-fullstack 🏁 Description This is a challenge intiated by ModelSis. It consists in building a basic fullstack web app. The current repos

Jan 21, 2022

A complete example of fullstack NFT minting dApp

This a complete example of fullstack NFT minting dApp. BoredApe is built with the purpose of providing an entry point for future NFT Minting Website projects.

Dec 13, 2022

A React application for AddressBook to manage contacts on web. It will use JSON-server to create backend apis.

Available Scripts In the project directory, you can run: npm install To install all related packages npm start Runs the app in the development mode. O

Jan 10, 2022
Owner
Siddharth Singh Bhadoriya
Siddharth Singh Bhadoriya
A React-fullstack platform to track all cryptocurrency in one place.

A React-fullstack platform to track all cryptocurrency in one place. Create your account and add your favorite coins.

Siddharth Singh Bhadoriya 14 Oct 10, 2022
Wallety is a budget tracker for personal finance and budget planning.

Wallety - Budget Tracker Wallety is a budget tracker for personal finance and budget planning. Table of Contents Screenshots Tech Stack Quick Start Ru

Skander Blaiti 71 Dec 9, 2022
Keep count of your income and expenses all in a single place!

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Wasim Reja 7 Dec 4, 2022
A small application to categorize and track your income and expenses.

Expense Tracker App with Typescript A small application to categorize and track your income and expenses. Expense Tracker App Demo Link You can check

Özge Coşkun Gürsucu 22 Jul 1, 2022
A graphical frontend for exploring your org-roam Zettelkasten

org-roam-ui: an org-roam frontend Org-Roam-UI is a frontend for exploring and interacting with your org-roam notes. Org-Roam-UI is meant a successor o

Org-roam 1.5k Jan 4, 2023
React app that allows users to compare and analyze the cost of living between cities around the world.

✨ LivingApp is a react app that allows users to compare and analyze the cost of living between cities around the world. ✨ Features ?? Simple: Bootstra

Ivan Kuznietsov 3 Feb 5, 2022
Income Expense Tracker is a user based income-expense tracking system featuring budget planning and statistical analysis.

Income-Expense-Tracker Features Income Expense Tracker is a user based income-expense tracking system featuring budget planning and statistical analys

Qian Xiang 3 Oct 6, 2022
Open Source Website where you can manage your information and artworks of your fursona(s)

MyFursona About this project MyFursona is an open source project where users can manage their artworks, info (such as biography and interests), and lo

MyFursona 23 Jan 7, 2023
React-play is an opensource platform that helps you learn ReactJS faster with hands-on practice model

react-play is an opensource web app that helps you learn ReactJS faster with hands-on practice model. It is a collection of ReactJS projects that you can use to learn ReactJS.

Tapas Adhikary 580 Dec 30, 2022
Get all the Hackathons in one place!

Find Hacks An easy way to find hackathons Technologies Used React.js Flask Heroku Firebase This is an open source project, feel free to contribute. Fo

Parth Arora 21 Sep 8, 2021