Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ajmalfaris11/todo-app-react


https://github.com/ajmalfaris11/todo-app-react

Last synced: about 1 month ago
JSON representation

Awesome Lists containing this project

README

        

# To-Do App

This is a simple To-Do application for desktop, created using React.js and Vite. The app allows users to add tasks and manage them in three different sections: "To Do", "Doing", and "Done". It also provides an option to delete tasks. All tasks are stored locally on the user's device.

## Features

- **Add Task**: Easily add new tasks to your to-do list.
- **Task Sections**: Tasks are split into three sections:
- **To Do**: Tasks that need to be done.
- **Doing**: Tasks that are currently in progress.
- **Done**: Tasks that are completed.
- **Delete Option**: Remove tasks that are no longer needed.
- **Local Storage**: All tasks are saved in the local memory of the user's device.

## Installation

To get started with the To-Do App, follow these steps:

1. Clone the repository:
```sh
git clone https://github.com/ajmalfaris11/ToDo-App-React.git
```

2. Navigate to the project directory:
```sh
cd todo-app
```

3. Install the dependencies:
```sh
npm install
```

4. Start the development server:
```sh
npm run dev
```

## Usage

1. **Add a Task**: Enter the task description in the input field and click the "Add Task" button.
2. **Manage Tasks**:
- Drag and drop tasks between the "To Do", "Doing", and "Done" sections.
- Click the delete icon to remove a task.

## Contributing

Contributions are welcome! Please follow these steps to contribute:

1. Fork the repository.
2. Create a new branch (`git checkout -b feature-branch`).
3. Make your changes and commit them (`git commit -m 'Add new feature'`).
4. Push to the branch (`git push origin feature-branch`).
5. Open a pull request.

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more information.