https://github.com/nexoscreator/web-todo-list-starter
A lightweight and responsive To-Do List app that lets users add, edit, search, complete, and delete tasks. Includes dark mode and local storage support for seamless task management.
https://github.com/nexoscreator/web-todo-list-starter
css javascript task-manager todo-list web-app
Last synced: 3 months ago
JSON representation
A lightweight and responsive To-Do List app that lets users add, edit, search, complete, and delete tasks. Includes dark mode and local storage support for seamless task management.
- Host: GitHub
- URL: https://github.com/nexoscreator/web-todo-list-starter
- Owner: nexoscreator
- License: mit
- Created: 2024-07-20T16:23:31.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-02-22T06:25:43.000Z (4 months ago)
- Last Synced: 2025-03-27T17:53:04.688Z (3 months ago)
- Topics: css, javascript, task-manager, todo-list, web-app
- Language: JavaScript
- Homepage: https://nexoscreator.github.io/Web-Todo-List-Starter/
- Size: 66.4 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
> The **To-Do List App** is a simple and efficient web-based task manager that allows users to **add, edit, delete, and search tasks**. It features **local storage for data persistence**, a clean user interface, and a **dark mode toggle** for a better viewing experience.
---
## ✨ Features
✔ **Add Tasks** – Quickly add new tasks.
✔ **Edit Tasks** – Modify existing tasks with ease.
✔ **Search Tasks** – Filter tasks instantly using keywords.
✔ **Delete Tasks** – Remove tasks when completed.
✔ **Task Completion** – Mark tasks as completed/incomplete.
✔ **Dark Mode** – Toggle between light and dark themes.
✔ **Local Storage Support** – Saves tasks automatically.
---
## 📥 Installation
Follow these simple steps to set up the project:
1. Clone the repository:
```bash
git clone https://github.com/nexoscreator/Web-Todo-List-Starter.git
```
2. Open `index.html` in your browser.
3. Start managing your tasks instantly—no additional setup required!
---
## 🎯 Usage
> ### 📌 Adding Tasks
> - Enter a task description in the input field.
> - Press **Enter** or click the **"Add Task"** button.
> ### ✏️ Editing Tasks
> - Double-click on a task to edit it.
> - Press **Enter** or click outside to save changes.
> ### ✅ Completing Tasks
> - Click the checkbox next to a task to mark it as **completed**.
> - Click again to uncheck it.
> ### 🗑️ Deleting Tasks
> - Click the **delete button** (trash icon) to remove a task.
> ### 🔍 Searching Tasks
> - Use the **search bar** to filter tasks by keywords.
> ### 🌙 Toggle Dark Mode
> - Click the dark mode **icon** to switch between light and dark themes.
---
## 🔗 Useful Links
[](https://noscreator.github.io/todo-list-app)
[](https://github.com/nexoscreator/Web-Todo-List-Starter)
[](https://youtu.be/RfA4APtF6hM)
---
## 🤝 Contributing
We ❤️ contributions! Follow these steps to contribute:
1. 🍴 **Fork** the repository
2. 🌿 **Create** a new branch (`git checkout -b feature/AmazingFeature`)
3. 💾 **Commit** your changes (`git commit -m 'Add some AmazingFeature'`)
4. 🚀 **Push** to the branch (`git push origin feature/AmazingFeature`)
5. 🔃 **Open a Pull Request**
📖 _See our [Contribution Guidelines](CONTRIBUTING.md) for more details._
---
## 📄 License
This project is licensed under the **MIT License**. See the [LICENSE](LICENSE) file for details.
---
## ⭐ Support the Project
If you find this project helpful, please consider **starring ⭐ the repository** or **sponsoring 💖 on GitHub**!
---
## 📬 **Contact & Community**
💬 Join us on **Discord**: [Click Here](https://discord.gg/H7pVc9aUK2)
🐦 **Follow on Twitter**: [@nexoscreator](https://twitter.com/nexoscreator)
📧 **Email**: [[email protected]](mailto:[email protected])
Created with ❤️ by @nexoscreator