A simple web application for tracking personal expenses using Firebase for authentication and data storage.
- User authentication (login/signup) with Firebase.
- Set and update a budget.
- Add, edit, and delete expenses.
- Real-time expense list updates.
- Remaining balance calculation with color-coded alerts.
- Responsive design with a modern UI.
- Frontend: React, TypeScript, Tailwind CSS.
- Backend: Firebase (Authentication, Firestore).
- Dependencies: react-icons.
-
Clone the repository:
git clone https://github.com/yourusername/expense-tracker.git cd expense-tracker -
Install dependencies:
npm install
-
Set up Firebase:
- Create a Firebase project at Firebase Console.
- Enable Authentication and Firestore.
- Add your Firebase configuration to
src/firebase.ts.
-
Start the development server:
npm run dev
- Sign up or log in with your email and password.
- Set a budget and add expenses.
- Use the edit (blue pencil) and delete (trash) icons to manage expenses.
- Log out when finished.
Pull requests are welcome. For major changes, please open an issue first to discuss.