Code Monkey home page Code Monkey logo

react-firebase-finance-management's Introduction

Finance Management App

Netlify Status

This application helps you keep track of your expenses and earnings from month to month by calculating their total.
By keeping track of all your expenses and earnings, you realize where your money is going and how your finance is going.

Work in progress...

Finance Management app

Table of contents

Overview

About App

This application helps you keep track of your finances:

  • sign in securely with your Google account
  • choose the page that best suits your expense or earning (Expense: Fun - Life, Investments, Earnings, Bank)
  • enter the name of your expense or earning, the amount and the date
  • delete an expense or a earning
  • edit an expense or a earning
  • see the total of your expenses or your earnings for the month
  • filter by month and year and see your current expenses or your earnings
  • see the complete list of your expenses or earnings for the whole year
  • month and year filtering by checking the data in the database and showing only the dates present
  • summary page to see the difference between expenses and earnings with a selection of items to filter

Upcoming Features:

  • graphical reports and diagrams based on the summary result - coming soon
  • ascending - descending order based on date
  • if you have other interesting features to propose or request write to us!

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Grid and Flexbox layout
  • React - JS library
  • React Router - For routes
  • Firebase - Realtime Database

Useful resources

Getting Started

In order to view this project locally, you need to make sure you clone this repository and install it's dependencies.

System Requirements

  • git 2.31.1 or greater
  • node 14.16.1 or greater
  • npm 8.7.0 or greater

To check which versions you have installed you can run these commands:

git --version
node --version
npm --version

If requirements above are not installed in your computer, you'll need to install them. By clicking on them you can go to their website, which can lead you the way.

Installation

  • Clone the repository
    git clone https://github.com/travolgi/react-firebase-finance-management.git
  • Navigate to repository folder
    cd react-firebase-finance-management
  • Install npm packages
    npm install
  • To run the app in the development mode run in the project directory:
    npm start

Bugs

Please feel free to create an issue if you see a bug or something unexpected in the app.

Contributing

  • Fork the Project
  • Create your Feature Branch (git checkout -b feature/yourFeature)
  • Commit your Changes (git commit -m 'Brief explanation of feature')
  • Push to the Branch (git push origin feature/yourFeature)
  • Open a Pull Request

Author

Licence

MIT licence

React is MIT licence

react-firebase-finance-management's People

Contributors

dependabot[bot] avatar milanesieditore avatar travolgi avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

drumst0ck

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.