https://github.com/immortalwebdev/expense-tracker
The Expense Tracker App is a web application built using React and Redux, designed to help users manage their personal expenses efficiently. It allows users to add, edit, and delete expenses, categorize them, and view a summary of their total expenses. The app provides a user-friendly interface with responsive design, ensuring a seamless experience
https://github.com/immortalwebdev/expense-tracker
expense-tracker firebase-auth firebase-realtime-database html-css-javascript reactjs redux-toolkit vercel-deployment
Last synced: 2 months ago
JSON representation
The Expense Tracker App is a web application built using React and Redux, designed to help users manage their personal expenses efficiently. It allows users to add, edit, and delete expenses, categorize them, and view a summary of their total expenses. The app provides a user-friendly interface with responsive design, ensuring a seamless experience
- Host: GitHub
- URL: https://github.com/immortalwebdev/expense-tracker
- Owner: immortalWebDev
- License: other
- Created: 2024-05-23T08:00:07.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2026-01-13T19:49:56.000Z (5 months ago)
- Last Synced: 2026-01-13T21:44:01.431Z (5 months ago)
- Topics: expense-tracker, firebase-auth, firebase-realtime-database, html-css-javascript, reactjs, redux-toolkit, vercel-deployment
- Language: JavaScript
- Homepage: https://expense-tracker-piyush.vercel.app
- Size: 8.05 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 💼 Expense Tracker App (ExpenseEagle!)
Effortlessly manage your personal expenses with the **Expense Tracker App**! This web application, built with React and Redux, is designed to provide a seamless experience, whether you're on a desktop or mobile device.
## ✨ Key Features
- **📃 Expense Management**: Add, edit, and delete expenses with fields for amount, description, and category.
- **📝 Category Selection**: Choose from predefined categories such as Food, Rent, Salary, and more.
- **➕ Total Amount Calculation**: Automatically calculates and displays the total of all your expenses.
- **🔨 Download Expense Report**: Generate and download a PDF report of your expenses for easy record-keeping.
- **🔒 Authentication**: Secure user authentication ensures your data remains private and protected.
## 📊 Technologies Used
- **Frontend**: React, Redux, JavaScript (ES6+), HTML5, CSS3
- **State Management**: Redux Toolkit
- **Routing**: React Router DOM
- **PDF Generation**: jsPDF, jspdf-autotable
- **Responsive Design**: CSS Flexbox and Media Queries
- **Authentication**: FirebaseAuth & Local storage for token management
- **Database**: Firebase RTDB
- **Version Control**: Git, GitHub
## 📈 How to Get Started
1. **Clone the Repository**:
```bash
git clone https://github.com/immortalWebDev/Expense-Tracker
```
2. **Install Dependencies**:
```bash
npm install
```
3. **Start the Application**:
```bash
npm start
```
4. **Visit**:
Open your browser and go to `http://localhost:3000`.
## 🔧 Features in Action
1. **Expense Management**:
- Add expenses with ease.
- Edit or delete existing entries.
2. **Category Selection**:
- Predefined categories for better organization.
3. **Generate Reports**:
- Download your expense report in PDF format for your records.
4. **Fully responsive**:
- Laptop and Phone friendly for smooth experience.
## 🌐 Live Demo
Check out the live version of the app here: [Expense Tracker Live](https://expense-tracker-piyush.vercel.app/)
## 🛠️ License
This project is licensed under the [MIT License](LICENSE).
## 🤝 Contributing
We welcome contributions! Whether it’s suggestions, bug fixes, or new features:
1. Fork the repository.
2. Create a new branch for your changes.
3. Submit a pull request for review.
## 📧 Contact
For any inquiries, feedback, or support:
- **Phone:** [WhatsApp](https://wa.me/917774835449)
- **Email**: [pgbadgujar007@gmail.com](mailto:pgbadgujar007@gmail.com)
- **Resume**: [My Resume](https://www.snapit.tech/pgbadgujar007/5w3jtzcp1e)
- **Portfolio**: [My Portfolio](https://web-portfolio-piyush.vercel.app/)
## 🌟 Acknowledgments
Special thanks to the tools and libraries that made this project possible:
- **React.js**
- **Firebase**
**Inspired by CRUD**
**Created with 💝 by Piyush**
---