React Budget Calculator

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ
• 📝 License

[Budget Calculator] It is a CRUD application created in React.

1. React
   1. React Hooks: useState(), useEffect(), useReff()
   2. React Functions: map(), filter(), reduce(), find()
2. bootstrap
3. React Material Icons
4. LocalStorage

Budget Calculator is a web-app where you can Add, Update, Delete and Clear All the items you added. It also gives you facility to change currency as per your need. It shows you the total automatically at the bottom. For storing the items program is using localstorage.

You can.

• [perform add your budget items]
• [you can update your budget items]
• [you can delete your budget items]
• [you can delete all your budget items at once]
• [you can change the currency as well]
• [It with add all your items amount and show you total at the bottom]

(back to top)

click to see live demo

(back to top)

To get a local copy up and running, follow these steps.

Clone this repository to your desired folder:
to clone write this command in terminal git clone https://github.com/DilsherB/react-budget-calculator.git
then cd "foldername"

In order to run this project you need:

1. A text editor like VS Code
   
2. and A web browser like chrome

Install this project with: npm i

To run the project, execute the following command:
npm start and then

To run tests, run the following command: npm run test but before that install jes with following command:
npm i jest

You can deploy this project using the github.

(back to top)

👤 Dilsher Balouch

• GitHub: @DilsherB
• Twitter: @_brilliantMindz
• LinkedIn: brilliantmindz

(back to top)

• [database to store items]

(back to top)

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

If you like this project please give it a star to encourage me.

(back to top)

I would like to thank Microverse.

(back to top)

This project is MIT licensed.

(back to top)