Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/alvalens/react-tools
This is my first react js project. This project containing three main feautures: todo, notes, and expense tracker
https://github.com/alvalens/react-tools
expense-tracker localstorage notes react-expense-tracker react-notes react-todo-list reactjs todolist
Last synced: 18 days ago
JSON representation
This is my first react js project. This project containing three main feautures: todo, notes, and expense tracker
- Host: GitHub
- URL: https://github.com/alvalens/react-tools
- Owner: Alvalens
- License: gpl-3.0
- Created: 2023-08-15T22:49:02.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-09-10T10:35:40.000Z (over 1 year ago)
- Last Synced: 2024-04-18T02:57:06.619Z (10 months ago)
- Topics: expense-tracker, localstorage, notes, react-expense-tracker, react-notes, react-todo-list, reactjs, todolist
- Language: JavaScript
- Homepage: https://react-tools-flax.vercel.app
- Size: 265 KB
- Stars: 10
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Tools
React Tools is a project that provides a collection of tools and components built using popular technologies like React, React Router, and TailwindCSS. Also this project implement browser local storage so it didnt need any databases. React Tools offers features such as a Todo List, Note-taking, and Expense Tracking. This project is also my first react project. If you find any bugs please contact me, I'll try my best to fix it.
   
## Features
* **Todo List:** Manage your tasks with a simple and intuitive todo list.
* **Note-taking:** Take notes and organize your thoughts efficiently.
* **Expense Tracking:** Keep track of your expenses and manage your finances.
## Installation
1. Clone the repository:
```git
https://github.com/Alvalens/react-tools.git
```
2. Navigate to the project directory:
```shell
cd react-tools
```
3. Install dependencies:
```
npm install
```
4. Start the development server
```shell
npm start
```
## Usage
You can access these menu on home page on the navbar, feauture section and footer. You can also access those feauture by direclt type the url `/todo` `/note` and `/expense-tracker`.
### Todo List
* add new todo list: You can add new todo by pressing the new todo button
* Edit existing todo list: Click the edit button on the right side of todo to modify it.
* Remove todo: Use the delete button to remove a todo from the list.
* Mark as complete: You can mark or unmark todo as complete by clicking the blue check button on each todo.
* Clear Todo: Selete all of your todos
### Note
* Create new notes: You can create new notes by clicking new note button, you can start writing note after creating one.
* Edit notes: Edit your by directly type in note card to update information.
* Delete notes: Remove notes that are no longer needed by clicking the trash icon.
* Clear Notes: Delete all of your notes
### Expense tracker
* Add new expense or income: Record your expenses or income by adding details.
* Edit existing expenses or income: Edit the details of your recorded expenses or income.
* Delete expenses or income: Remove expenses from your tracker.
* Total balance: Auto calculated based on your expense and income.
## Contributing
Contributions are welcome! If you find any issues or have suggestions, feel free to open an issue or submit a pull request.
## License
This project is licensed under the GPL-3.0 License seethe [LICENSE](LICENSE) file for details.