-
-
Sign up page
-
sign in page
-
home page
Inspiration
Managing personal finances can be challenging, especially for students and young professionals. We often lose track of where our money goes, leading to poor savings habits. Inspired by this everyday struggle, we wanted to build a simple yet effective Expense Tracker that can help users take control of their finances.
What it does
Our Expense Tracker allows users to:
-Add and categorize their daily expenses.
-Set monthly budgets.
-View visual summaries of spending through graphs and tables.
-Track total income vs expenses in real time.
How we built it
We developed the application using:
Frontend: HTML, CSS, JavaScript
Backend: PHP
Database: MySQL
We used a simple MVC structure to keep the project organized. The UI was kept intuitive to ensure a smooth user experience.
Challenges we ran into
-Integrating the backend with the frontend smoothly.
-Handling input validation and sanitization for security.
-Displaying dynamic charts using JavaScript libraries.
-Debugging SQL queries and managing database relationships.
Accomplishments that we're proud of
-Successfully implemented CRUD operations for income and expenses.
-Designed a responsive and clean UI.
-Learned how to connect frontend inputs with backend operations.
-Created a fully functional login and session management system.
What we learned
-Full-stack development using PHP and MySQL.
-Working with sessions and authentication.
-Data visualization using JavaScript.
-Importance of clean code and modular design.
What's next for Expense Tracker
-Adding user-specific dashboards and reports.
-Integrating SMS/email alerts for budget thresholds.
-Enhancing security features like password hashing and 2FA.
-Developing a mobile-friendly version or a mobile app.
