• 

  An organized transaction history section with filters to quickly review income and expenses by type or category.

• 

  A clean and interactive dashboard to track total balance, income, and expenses while adding new transactions with ease.

• 

  A simple sign-in page for secure user authentication and personalized profile access.

Finance Tracker is a simple web application that helps users manage their money by tracking income and expenses. Users can sign up and log in with their own profiles, add incomes or expenses, and instantly see the updated transaction list at the bottom of the page.

The project is built using HTML, CSS, and JavaScript. It focuses on clean UI design and basic functionality to make personal finance management easy and beginner-friendly.

What it does

Features:

🔐 User sign-up and login for different profiles

➕ Add income and expense entries

📜 Transaction history displayed in the footer

How we built it

🎨 Responsive interface with HTML, CSS, and JavaScript

Accomplishments that I proud of:

I’m proud of building a functional finance tracker from scratch using HTML, CSS, and JavaScript. It gave me confidence in implementing user authentication, managing transactions, and creating a clean, user-friendly design for multiple profiles.

What we learned:

I learned how to combine HTML, CSS, and JavaScript to build a real-world application. I gained practical experience in handling user authentication, managing data dynamically, improving UI design, and understanding the importance of clean, structured code.

What's next for Finance Tracker:

Next, I plan to enhance this finance tracker by integrating modern frameworks and tech stacks. I aim to rebuild it with React or MERN stack for scalability, improved performance, responsive design, and additional features like data visualization.

Built With

• css
• html
• javascript