google-dsc-dmce / expense-tracker-hacktoberfest-2023

Expense-Tracker-Hactoberfest-2023

Hacktoberfest23

What is Hacktoberfest?

A month-long celebration from October 1st - 31st to get people involved in Open Source.

Specifically for Hacktoberfest:

Your PR must be created between October 1 and October 31 (in any time zone, UTC-12 thru UTC+14).

Your PR must be made to a public, unarchived repository.

📌 Videos 📽️:

• How to pull request [Overview]
• Merge Conflict / comment

Contribution Rules📚:

• You are allowed to make pull requests that break the rules. We just merge it ;)
• Do NOT add any build steps e.g npm install (we want to keep this a simple static site)
• Do NOT remove other content.
• Styling/code can be pretty, ugly or stupid, big or small as long as it works

• Try to keep pull requests small to minimize merge conflicts

Getting Started 🤩🤗:

• Fork this repo (button on top)
• Clone on your local machine

git clone https://github.com/Google-DSC-DMCE/Expense-Tracker-Hacktober2023.git

• Navigate to project directory.

cd Expense-Tracker-Hacktober2023

• Create a new Branch

git checkout -b my-new-branch

git add .

• Commit your changes.

git commit -m "Relevant message"

• Then push

git push origin my-new-branch

• Create a new pull request from your forked repository

Installation steps for Project

Install Node js

Install NPM Package

  npm install npm@latest -g

Run Project

  npm start

Avoid Conflicts {Syncing your fork}

An easy way to avoid conflicts is to add an 'upstream' for your git repo, as other PR's may be merged while you're working on your branch/fork.

git remote add upstream https://github.com/Google-DSC-DMCE/Expense-Tracker-Hacktober2023.git

You can verify that the new remote has been added by typing

git remote -v

To pull any new changes from your parent repo simply run

git merge upstream/master

This will give you any eventual conflicts and allow you to easily solve them in your repo. It's a good idea to use it frequently in between your own commits to make sure that your repo is up to date with its parent.

For more information on syncing forks read this article from Github.

expense-tracker-hacktoberfest-2023's Issues

Change Font

Change the font for entire application

Create a Better UI

Change styles to have a more modern UI

Add Input Validation

The amount field accepts any type of input, fix it to only a valid input depending upon the field

Separate input buttons for income and expense

Add two separate buttons :
a. add the amount to the balance(income)
b. deduce the amount from the balance and add it to expense(expense)

Add responsiveness

Make the web app responsive with respect to other devices like smartphones and tablets

Ability to delete transaction

A button to delete a particular transaction from the transaction history. Place the button right next to each Transaction.

Fix balance going negative

The total balance is going negative. Add an Alert saying "You don't have enough balance", and make sure balance never goes negative

Add an effect to the main heading

Add "typewriter" effect to the heading "EXPENSE TRACKER"

Style Transactions history container

Edit transactions to have a background color "red" if it is an expense and "green" if it is income.

Make the Transaction History container scrollable

Transaction History moves outside container when multiple transactions are added. Therefore to keep all the transactions inside the container make it scrollable.

Accept balance in decimals

Let the input field accept decimals and round it off to 2 decimal places