Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nexoscreator/web-todo-list-starter
A simple and interactive To-Do List application allows users to add, edit, search, and delete tasks while supporting a dark mode feature.
https://github.com/nexoscreator/web-todo-list-starter
starter-project todolist web
Last synced: 5 days ago
JSON representation
A simple and interactive To-Do List application allows users to add, edit, search, and delete tasks while supporting a dark mode feature.
- Host: GitHub
- URL: https://github.com/nexoscreator/web-todo-list-starter
- Owner: nexoscreator
- License: mit
- Created: 2024-07-20T16:23:31.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-07-28T06:20:51.000Z (7 months ago)
- Last Synced: 2025-02-05T00:29:04.391Z (6 days ago)
- Topics: starter-project, todolist, web
- Language: JavaScript
- Homepage: https://nexoscreator.github.io/Web-Todo-List-Starter/
- Size: 47.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
---
### To-Do List App
This is a simple web-based To-Do list application where users can add, edit, and delete tasks. It also includes a search functionality to filter tasks based on their descriptions. The app uses HTML, CSS, and JavaScript for the frontend, with localStorage for data persistence.
---
### Features
- **Add Tasks**: Easily add new tasks to your list.
- **Edit Tasks**: Update existing tasks with new information.
- **Search Tasks**: Find specific tasks quickly with the search feature.
- **Delete Tasks**: Remove tasks from your list as needed.
- **Dark Mode**: Toggle dark mode for a better night-time viewing experience.
---
### Links
[](https://noscreator.github.io/todo-list-app)
[](https://github.com/nexoscreator/Web-Todo-List-Starter)
[](https://youtu.be/rMnDe0iEGRs?si=B2viVesOhHYusbBG)
---
### Installation
Provide step-by-step instructions on how to install and set up your project.
1. Clone the repository:
```bash
git clone https://github.com/nexoscreator/Web-Todo-List-Starter.git
```
2. Open `index.html` in your preferred web browser.
3. You can start adding tasks immediately. No additional setup or installation is required.
---
### Usage
> ### Adding Tasks
>
> 1. Enter a task description in the input field at the top of the page.
> 2. Press Enter or click the "Add Task" button to add the task to the list.
>
> ### Editing Tasks
>
> 1. Double-click on the task description you want to edit.
> 2. Edit the description in the input field that appears.
> 3. Press Enter or click outside the input field to save the changes.
>
> ### Completing Tasks
>
> - Click on the checkbox next to a task to mark it as completed.
> - Click on the checkbox again to mark it as incomplete.
>
> ### Deleting Tasks
>
> - Click on the delete button (trash icon) next to a task to delete it from the list.
>
> ### Searching Tasks
>
> - Enter a search query in the search input field to filter tasks based on their descriptions.
> **Toggle Dark Mode**: Click the dark mode icon to switch between light and dark themes.
---
### Contributing
Contributions are welcome! If you have any suggestions, bug fixes, or improvements, feel free to open an issue or submit a pull request.
If you'd like to contribute to this project, please follow these step
1. Fork the repository.
2. Create a new branch (`git checkout -b feature/improvement`).
3. Make your changes and commit them (`git commit -m 'Add feature/improvement'`).
4. Push to the branch (`git push origin feature/improvement`).
5. Open a Pull Request.
---
### License
This project is licensed under the MIT LICENCE - see the [LICENSE](LICENSE) file for details.
## Acknowledgments
- **Font Awesome**: Icons used in the application.
- **Google Fonts**: For providing the font styles.