README

React Budget Calculator

📗 Table of Contents

• 📖 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

📖 [Math Magicians]

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

🛠 Built With

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

Tech Stack

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.

Client

• React.js

Server

• Express.js

Database

• PostgreSQL

Key Features

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)

🛠 Live Demo

click to see live demo

(back to top)

💻 Getting Started

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

Setup

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"

Prerequisites

In order to run this project you need:

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

Install

Install this project with: npm i

Usage

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

Run tests

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

Deployment

You can deploy this project using the github.

(back to top)

👥 Authors

👤 Dilsher Balouch

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

(back to top)

🔭 Future Features

• [database to store items]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

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

(back to top)

🙏 Acknowledgments

I would like to thank Microverse.

(back to top)

📝 License

This project is MIT licensed.

(back to top)