Budget Buddy

Budget Buddy is a web application designed to help users manage their finances effectively. It offers features such as budget tracking, loan calculation, and an easy-to-use interface for managing personal finances. The application has multiple pages for various functionalities, including expense management, income tracking, and user interaction.

Features

• Dashboard: Displays an overview of your financial data.
• Login Page: Secure user authentication system.
• Budget Tracking: Add, view, and manage your income and expenses.
• Loan Tracker: Calculate loan details and track them.
• Contact Us: A form where users can send feedback or inquiries.
• About Us: Information about the project and its developers.

Project Structure

budget tracker/
├── index.html              # Main dashboard page
├── login.html              # Login page
├── contact-us.html         # Contact Us page
├── about-us.html           # About Us page
├── budget-Buddy.html       # Budget management page
├── loan-tracker.html       # Loan tracker page
├── styles.css              # General styles for the application
├── login-style.css         # Styles for the login page
├── common-style.css        # Common styles used across pages
├── headercss.css           # Header styles
├── script.js               # JavaScript functionality for the app
├── image/                  # Folder containing images
└── budget tracker.code-workspace # VSCode workspace settings

Technologies Used

	•	HTML5: For the structure of the web pages.
	•	CSS3: For the design and layout of the pages.
	•	JavaScript: For adding interactivity and functionality.
	•	Firebase: (Planned) for user authentication and database management.