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.
Expense Tracker is accessible on Demo Link, providing a convenient platform for users to experience the application.
- ✅ 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.
- 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.
-
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!
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!
Expense.Tracker.-.Made.with.Clipchamp.mp4
- GitHub: Shraddha Goyal
- LinkedIn: Shraddha Goyal
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! 💰💼