Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/omarmwarraich/react-expense-tracker
Expense Tracker application is a simple application that allows users to track their expenses adding and deleting their exepenses and income meanwhile showing them the total balance. This project is built using React and its Context API. The project makes use of the local storage to store the data.
https://github.com/omarmwarraich/react-expense-tracker
chakra-ui-react context-api localstorage reactjs
Last synced: 3 days ago
JSON representation
Expense Tracker application is a simple application that allows users to track their expenses adding and deleting their exepenses and income meanwhile showing them the total balance. This project is built using React and its Context API. The project makes use of the local storage to store the data.
- Host: GitHub
- URL: https://github.com/omarmwarraich/react-expense-tracker
- Owner: OmarMWarraich
- License: mit
- Created: 2023-08-05T13:37:59.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-19T12:21:44.000Z (over 1 year ago)
- Last Synced: 2024-12-18T16:47:03.008Z (about 2 months ago)
- Topics: chakra-ui-react, context-api, localstorage, reactjs
- Language: JavaScript
- Homepage: https://64cfd11d2be4dd66a5df555c--serene-entremet-7d604c.netlify.app/
- Size: 1.03 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
README Template
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#triangular_flag_on_post-deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ](#faq)
- [📝 License](#license)
Expense Tracker application is a simple application that allows users to track their expenses adding and deleting their exepenses and income meanwhile showing them the total balance. This project is built using React and its Context API. The project makes use of the local storage to store the data. The application is fully responsive and works on all devices and screen sizes. The application is deployed on Netlify and is styled with @chakra-ui/react.
Client
Server
Database
- **[Add Expense]**
- **[Add Income]**
- **[Delete Expense]**
- **[Delete Income]**
[Live Demo](https://64cfd11d2be4dd66a5df555c--serene-entremet-7d604c.netlify.app/)
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
```sh
sudo apt install node
```
### Setup
Clone this repository to your desired folder:
```sh
git clone [email protected]:OmarMWarraich/react-expense-tracker.git
```
### Install
Install this project with:
```sh
cd react-expense-tracker
npm i
```
### Usage
To run the project, execute the following command:
```sh
cd react-expense-tracker
npm start
```
### Run tests
To run tests, run the following command:
Coming Soon
### Deployment
Coming Soon
👤 **OmarMWarraich**
- GitHub: [@OmarMWarraich](https://github.com/OmarMWarraich)
- Twitter: [@omarwarraich1](https://twitter.com/omarwarraich1)
- LinkedIn: [LinkedIn](https://linkedin.com/in/o-va)
- [ ] **[Admin Panel]**
- [ ] **[Authentication & Login]**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you like this project please give it a ⭐️!.
I would like to thank the following.
- Anybody who helped me with this project
- **[Is this app Open Source?]**
- [Please check the license.]
- **[How to use this app?]**
- [Please check the usage section.]
This project is [MIT](./LICENSE) licensed.