This React project is an Expense Tracker application. It enables users to add, view, edit, delete, and track their expenses. The project utilizes React for the front-end and Redux for state management. It features an intuitive UI and integrates with local storage to persist data across sessions.
- Add New Expense: Enter details of new expenses including title, amount, and category.
- View Expenses: View a list of all tracked expenses.
- Edit Expense: Modify the details of existing expenses.
- Delete Expense: Remove expenses from the list.
- Track Expenses: View and filter expenses by categories and dates.
- Local Storage Integration: Save and load expenses from local storage.
To get started with this project, follow these steps:
-
Clone the repository:
git clone https://github.com/ma3llim007/react_project/
-
Navigate to the project directory:
cd 05_expense_tracker -
Install dependencies:
yarn install
-
Start the development server:
yarn start
This will start the development server and open the project in your default browser at
http://localhost:3000.
To use the application:
- Add a new expense: Enter the expense title, amount, and category, then click "Add".
- View expenses: See a list of all tracked expenses.
- Edit an expense: Click "Edit" next to an expense to update its details.
- Delete an expense: Click "Delete" to remove an expense from the list.
To contribute to this project:
-
Clone the repository:
git clone https://github.com/ma3llim007/react_project/
-
Create a new branch for your feature or fix:
git checkout -b feature/your-feature-name
-
Make your changes and commit them:
git add . git commit -m "Describe your changes here"
-
Push your changes to GitHub:
git push origin feature/your-feature-name
-
Open a pull request on GitHub and describe your changes.
Contributions are welcome! If you find any bugs or have suggestions, please open an issue or submit a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.
- React: For providing a powerful and flexible UI library.
- Redux: For managing state across the application.
- Redux Persist For Local Storage: For persisting expense data across sessions.