Skip to content

Expense Tracker is a React application designed to help you manage your expenses effectively! This application is built using ReactJS to reinforce state management concepts, leveraging useEffect hooks, useState, and useReducer.

Notifications You must be signed in to change notification settings

Shra2703/Expense-Tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💸Expense Tracker App

Welcome to Expense Tracker, a React application designed to help you manage your expenses effectively! This application is built using ReactJS to reinforce state management concepts, leveraging useEffect hooks, useState, and useReducer.

🌐Deployment:

Expense Tracker is accessible on Demo Link, providing a convenient platform for users to experience the application.

🚀Features:

  • Expense Form: Add your expenses easily by providing the name and amount. Use "-" for expenses and "+" for profits.
  • Expense Info: Get a quick overview of your financial status with prominently displayed total, profit, and loss.
  • Expense List: Keep track of all your expenses in one place. Each expense item includes options to update or delete transactions.

✨How It Works:

  • Expense Form: Enter the name and amount of your expense. Use "-" for expenses (expenditure) and "+" for profits.
  • Expense Info: View the total amount, profit, and loss calculated based on your transactions.
  • Expense List: See a list of all your expenses. Each item includes options to update or delete transactions.

📌Additional Information:

  • State Management: The application utilizes useState and useReducer hooks for efficient state management, ensuring smooth interaction and updates.

  • Technologies Used:

    • ReactJS: For building the user interface and handling state.
    • useState and useReducer: For managing component-level and global state respectively.
    • useEffect: For handling side effects such as fetching data or subscribing to events.
  • Firebase Integration: We are currently working on integrating Firebase for seamless data management and synchronization across devices. Stay tuned for updates!

🚈Get Started:

To start using Expense Tracker:

  • Clone this repository to your local machine.
  • Navigate to the project directory and run npm install to install dependencies.
  • Run npm start to start the application locally.
  • Begin managing your expenses efficiently!

📱Screenshot:

Screenshot (93)

📺Project Demo:

Expense.Tracker.-.Made.with.Clipchamp.mp4

📞Contact Information:

📔Conclusion

Expense Tracker simplifies the process of managing your finances by providing a user-friendly interface to track your expenses. With its intuitive design and robust features, staying on top of your budget has never been easier. Start using Expense Tracker today and take control of your finances with confidence!

Happy expense tracking! 💰💼

About

Expense Tracker is a React application designed to help you manage your expenses effectively! This application is built using ReactJS to reinforce state management concepts, leveraging useEffect hooks, useState, and useReducer.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published