Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/danielace1/expense-tracker-app
An simple expense tracker app which is used to track your daily expense built with firebase
https://github.com/danielace1/expense-tracker-app
crud-operation expense-tracker-app firebase reactjs tailwindcss
Last synced: about 2 months ago
JSON representation
An simple expense tracker app which is used to track your daily expense built with firebase
- Host: GitHub
- URL: https://github.com/danielace1/expense-tracker-app
- Owner: danielace1
- License: other
- Created: 2024-03-04T15:31:11.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-03-26T16:19:33.000Z (10 months ago)
- Last Synced: 2024-03-26T20:03:10.204Z (10 months ago)
- Topics: crud-operation, expense-tracker-app, firebase, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://expense-tracker-app-khaki.vercel.app
- Size: 253 KB
- 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
The Expense Tracker App is a web application designed to help users track their expenses efficiently. It allows users to add, edit, and delete expenses, providing a convenient way to manage their finances.
## Screenshots
## Live Link
[Live Link](https://expense-tracker-app-khaki.vercel.app/)
## 🌟 Features
- Add new expenses with details such as name, description, and amount.
- Edit existing expenses to update their details.
- Delete expenses when they are no longer needed.
- View a list of all expenses with total amount calculated.
- Responsive design for use on both desktop and mobile devices.
## ⚙️ Technologies Used
- [React.js](https://react.dev/)
- [Firebase](https://firebase.google.com/) (for backend/database)
- [React Router](https://reactrouter.com/)
- [React Hook Form](https://react-hook-form.com/)
- [Zod](https://zod.dev/) (for form validation)
- [UUID](https://www.npmjs.com/package/uuid) (for generating unique IDs)
- [TailwindCSS](https://tailwindcss.com/)
- HTML
## 🛠️ Setup
1. Clone the repository:
```bash
git clone https://github.com/danielace1/expense-tracker-app.git
```
2. Install dependencies:
```bash
npm install
```
3. Run the development server:
```bash
npm run dev
```
4. Open your browser and visit `http://localhost:3000` to view the app.
## 🖥️ Usage
- Sign up for an account or log in if you already have one.
- Add your expenses using the form provided.
- Edit or delete existing expenses as needed.
- Log out when you're done.
## Contribution
Contributions are welcome! Please feel free to submit [pull requests](https://github.com/danielace1/expense-tracker-app/pulls) or [open issues](https://github.com/danielace1/expense-tracker-app/issues) for any bugs or feature requests.
## License
This project is licensed under the [MIT](./LICENSE)
## Author
- [Sudharsan](https://instagram.com/sudharsan_daniel)