A React-Fullstack platform for managing revenue and expense transactions

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...
Peer-Learning-Platform - A platform designed specifically as an additional layer on top of Google Classroom for students to gain the best out of online evaluations
Peer-Learning-Platform - A platform designed specifically as an additional layer on top of Google Classroom for students to gain the best out of online evaluations

A platform designed specifically as an additional layer on top of Google Classroom for students to gain the best out of online evaluations. Facilitates students to look at solutions from the perspective of their peers. A platform that goes beyond learning and instils ethics and moral integrity within the community.

This is a React application for managing books you  want to read. It tracks your progress and makes the reading the books enlisted as a goal. The project is built using HTML, CSS, JavaScript, React, and Redux.
This is a React application for managing books you want to read. It tracks your progress and makes the reading the books enlisted as a goal. The project is built using HTML, CSS, JavaScript, React, and Redux.

This is a React application for managing books you want to read. It tracks your progress and makes reading the books enlisted as a goal. The project is built using HTML, CSS, JavaScript, React, and Redux

A react redux app for managing inventory and sales

Inventory Manager Frontend Frontend for a simple inventory manager Demo This project was bootstrapped with Create React App, using the Redux and Redux

Project [Personal] - Web application for managing habits. Technologies used: HTML5, CSS3 and React.

TrackIt Habit manager in a dynamic, clear and simple way. TackIt is an application that seeks to make it simple and accessible for any user to control

A Frontend CRM based on React and managing the state through the redux toolkit
A Frontend CRM based on React and managing the state through the redux toolkit

Getting Started with Front end CRM VITE This project has been created with the purpose of providing the community a Frontend CRM based on React and ma

A simple to-do app for managing daily tasks built with Reactjs

A simple to-do app for managing daily tasks built with Reactjs. With the functionality to manipulate multiple completed tasks.

FullStack app containing an API (NestJS), a web app (React) and a mobile app (React Native).

Food Order This project is a workspace containing an API (NestJS), a web app (React) and a mobile app (React Native). Content Food Order Content Get S

Fullstack app using react, express and DataStax AstraDB

This was created on a live stream Tech used: ReactJS ExpressJS DataStax Folder structure: backend: RESTful API frontend: ui Environment variables requ

ToDo FullStack App made with React and Spring
ToDo FullStack App made with React and Spring

Todo App Todo fullstack app made with React and Spring App 📚 Install and Start FrontEnd: npm install ➔ npm start BackEnd: Open project ➔ Run ToDoList

Owner
Siddharth Singh Bhadoriya
Siddharth Singh Bhadoriya
Loyaltree is a digital gift card and customer loyalty program using QR code scanning to process transactions.

Loyaltree Loyaltree is a platform for buying and selling gift cards from local businesses for your self or your loved ones. It has a loyalty program t

Casey Tite 7 Oct 1, 2022
Neoo: a Web3 Blockchain application that aims to ease crypto transactions between digital wallets

Neoo Neoo is a Web3 Blockchain application that aims to ease crypto transactions

Sayan Mondal 4 Aug 11, 2022
Budget-app ts context tw - A simple expense tracker app for practicing React with Context API, Tailwind CSS and TypeScript

budget-app_ts_context_tw (a simple expense tracker app for practicing React with

null 2 Jun 4, 2022
With Expense Tracker you control your expenses and take control of your finances

?? Tecnologias Esse projeto foi desenvolvido com as seguintes tecnologias: React

carlos viana 1 Dec 31, 2021
ExpenseApp is an app to see you expense history, income history and help you notes what you're buying lately

ExpenseApp is an app to see you expense history, income history and help you notes what you're buying lately

Rizki Maulana Citra 27 Dec 27, 2022
A Expense Tracker With React, Context

Expense Tracker With React, Context ScreenShot Getting Started with Create React App This project was bootstrapped with Create React App. Available Sc

Yusuf İşbilir 13 Jun 30, 2022
An expense tracker made with React.

Expense Tracker This project is a simple expense tracker made with React, currently hosted at https://gabrielliima.github.io/expense-tracker/. Usage n

Gabriel Lima 3 May 2, 2022
💰💸 Expense Tracker App 💸

Whether you want an expense tracker app that easily lists all your expense, one that separetes the your expenses or incomes by categories one that edi

Esra ÇEBİ 5 Dec 5, 2021
dt money is a simple and effective alternative for managing your finances, allowing you to register inflows and outflows and organize them in categories.

dt money is a simple and effective alternative for managing your finances, allowing you to register inflows and outflows and organize them in categories.

Gabriel Cezar Muller 2 Sep 2, 2022
Token-sale-platform - A Token Sale Platform For EOS,Built With React.js

EOS Token Sale Platform A decentralized Token Sale platform, which allows users

EOSTARTER 5 Jul 20, 2022