Expenses Tracker
Using HTML,CSS And JavaScript
Presented by : Dipanshu Upadhyay
Dipesh kumar
Deepika Saini
Ayush Singh Rawat
INTRODUCTION
• It is a Web based solution to track and manage daily , monthly , weekly
expenses.
• It helps users to stay within the budget and monitor spending habits .
• Developed using front end web technologies .
• This project provides a simple , user – friendly web application to track
expenses effectively.
PROBLEM STATEMENT
• Many people struggle to manage their spending habits .
• Lack of real – time tracking tools leads to overspending and poor financial
decisions .
• Manual tracking of expenses is time consuming and error prone .
• No centralized platform for categorizing and analysing expenses.
• There is a need for a lightweight, brower-based solution without the
complexity of full fledged accounting tools .
Objectives and Scope
OBJECTIVES
• To build a simple, responsive web
application for tracking expenses.
• Enable users to add, edit and delete
expense entries
• Display real – time summaries and
categorized spending
SCOPE
• Front end only application (No
backend / database)
• Designed for individual users
Tools and Environment Used
Development Tools
• HTML5: Structure of the web
application
• CSS3: Styling and Layout
• JavaScript: Logic for handling
expenses dynamically.
Environment
• Code Editor : VS Code
• Browser: Google Chrome
LIMITATIONS
• No user authentication or login system
• Data is stored only in browser memory (Local Storage) can be lost
• Limited to single user
• No backend or database integration (data lost on refresh)
CONCLUSION
• It is simple yet effective tool for daily expense management
• It demonstrates the power of front – end web development
• Using only front end technologies makes it lightweight and easy to use
• Future improvements can include Data persistence, analytics and cloud
storage
Expenses tracker using html css javascript

Expenses tracker using html css javascript

  • 1.
    Expenses Tracker Using HTML,CSSAnd JavaScript Presented by : Dipanshu Upadhyay Dipesh kumar Deepika Saini Ayush Singh Rawat
  • 2.
    INTRODUCTION • It isa Web based solution to track and manage daily , monthly , weekly expenses. • It helps users to stay within the budget and monitor spending habits . • Developed using front end web technologies . • This project provides a simple , user – friendly web application to track expenses effectively.
  • 3.
    PROBLEM STATEMENT • Manypeople struggle to manage their spending habits . • Lack of real – time tracking tools leads to overspending and poor financial decisions . • Manual tracking of expenses is time consuming and error prone . • No centralized platform for categorizing and analysing expenses. • There is a need for a lightweight, brower-based solution without the complexity of full fledged accounting tools .
  • 4.
    Objectives and Scope OBJECTIVES •To build a simple, responsive web application for tracking expenses. • Enable users to add, edit and delete expense entries • Display real – time summaries and categorized spending SCOPE • Front end only application (No backend / database) • Designed for individual users
  • 5.
    Tools and EnvironmentUsed Development Tools • HTML5: Structure of the web application • CSS3: Styling and Layout • JavaScript: Logic for handling expenses dynamically. Environment • Code Editor : VS Code • Browser: Google Chrome
  • 7.
    LIMITATIONS • No userauthentication or login system • Data is stored only in browser memory (Local Storage) can be lost • Limited to single user • No backend or database integration (data lost on refresh)
  • 8.
    CONCLUSION • It issimple yet effective tool for daily expense management • It demonstrates the power of front – end web development • Using only front end technologies makes it lightweight and easy to use • Future improvements can include Data persistence, analytics and cloud storage