Skip to content

Jagrati1213/budget-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Budget App

The Budget App is a simple and intuitive web application designed to help users manage their finances effectively. It allows users to create budgets, track expenses, and analyze their spending. The application is built using HTML, CSS, and JavaScript, making it accessible and easy to use for anyone with a web browser. Budget app_

Features ⤵️:

  • User-Friendly Interface: The application features a clean and user-friendly interface, making it easy for users to manage their budgets effortlessly.

  • Budget Creation: Users can create budgets. This helps in organizing and planning expenses.

  • Expense Tracking: Users can log their expenses under specific categories, providing a clear overview of where their money is going. The app automatically updates the remaining balance for each expenses.

  • Responsive Design: The app is designed to work seamlessly on various devices, including desktops, tablets, and smartphones. The responsive design ensures a consistent and optimal user experience.

Tech Stack 👩‍💻:

  • HTML: The structure of the web pages is defined using HTML.

  • CSS: The styling and layout of the application are implemented using CSS, ensuring an attractive and cohesive design.

  • JavaScript: The functionality of the Budget App is powered by JavaScript, providing a dynamic and interactive user experience.

Getting Started 🌐:

To run the Budget App locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/Jagrati1213/budget-app.git
  2. Open the project folder:

    cd budget-app
  3. Open the index.html file in your preferred web browser.

Usage 📌:

  1. Create a Budget:

    • Click on the "Set Budget" button.
    • And it will add into OutPut Budget box.
  2. Set Expenses:

    • Set the "Expenses" with amount and title.
    • Click "Check Amount" and expenses added into list.
    • Update the balance as well.
  3. View Analysis:

    • User Can view their expenses.
    • They can delete the expenses.
    • They can edit the expenses as well.

Contributing 🧔:

Contributions are welcome! If you'd like to contribute to the development of the Budget App, please follow these guidelines:

  • Fork the repository.
  • Create a new branch for your feature or bug fix.
  • Make your changes and submit a pull request.

Feel free to reach out if you have any questions or suggestions!

Project Image:

image image