This is a web-based expense manager app built with React, React-Bootstrap, and Firebase. It allows users to track their expenses by adding, editing, and deleting expense records.
- User authentication with Firebase Authentication
- Add new expense records
- Edit existing expense records
- Delete expense records
- upload expense receipt
- Filter and search expenses
- Clone the repository
git clone https://github.com/JUNNY12/expense_manager.git
- Install dependencies
cd expense_manager
npm install
-
Create a new Firebase project and add a web app to it.
-
Copy the Firebase configuration to src/firebase.js file.
Start the development server:
- Start the React App
npm start
- Open the app in your browser at
http://localhost:3000
- Open your browser and go to http://localhost:3000.
- Sign up with your email and password or using google auth.
- Add new expense records by clicking on the "Add Expense" button and filling in the form.
- Edit or delete existing expense records by clicking on the corresponding buttons.
- Filter expenses by different values.
- React
- React-Bootstrap
- Firebase Authentication
- Firebase rest api
Contributions are welcome! Please open an issue or pull request for any bug fixes or feature requests.
This project is licensed under the MIT License - see the MIT LICENSE for details.