├── README.md
└── mytest1.html
/README.md:
--------------------------------------------------------------------------------
1 | Task Manager 📋
2 | A simple and interactive task manager application to keep track of your tasks, set priorities, and mark tasks as completed. It comes with a fun and user-friendly interface. You can also toggle dark mode for a more comfortable experience.
3 |
4 | Features
5 | Add Tasks: Create tasks easily with a text input.
6 |
7 | Mark Tasks as Completed: Toggle the completion status of tasks with a "Done" button.
8 |
9 | Delete Tasks: Remove tasks you no longer need.
10 |
11 | Dark Mode: Switch to dark mode for a comfortable viewing experience, especially in low light.
12 |
13 | Show Completed Tasks: Filter and view only the completed tasks.
14 |
15 | Clear All Tasks: Remove all tasks at once.
16 |
17 | Technologies Used
18 | HTML: Structure of the webpage.
19 |
20 | CSS: Styling the components and layout.
21 |
22 | JavaScript: Handling user interactions and dynamic rendering of tasks.
23 |
24 | LocalStorage: Persisting tasks between page reloads.
25 |
26 | How to Use
27 | Add a Task:
28 |
29 | Type your task into the input field and click the "Add Task" button.
30 |
31 | Mark a Task as Completed:
32 |
33 | Click on the "✔ Done" button next to the task.
34 |
35 | Remove a Task:
36 |
37 | Click on the "❌ Remove" button next to the task you want to delete.
38 |
39 | Switch to Dark Mode:
40 |
41 | Click the "Dark Mode 🌙" button to switch the interface to dark mode. You can toggle back to light mode by clicking the same button.
42 |
43 | Show Completed Tasks:
44 |
45 | Click the "Show Completed ✅" button to only see tasks that have been marked as completed.
46 |
47 | Clear All Tasks:
48 |
49 | Click the "Clear All 🗑️" button to remove all tasks from the list.
50 |
51 | Running the App
52 | You can run this app locally by following these steps:
53 |
54 | Download or clone the repository.
55 |
56 | Open the index.html file in your web browser.
57 |
58 | Alternatively, you can deploy it on platforms like GitHub Pages, Netlify, or Vercel for public access.
59 |
60 | License
61 | This project is open source and available under the MIT License.
62 |
--------------------------------------------------------------------------------
/mytest1.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Task Manager 📋
7 |
73 |
74 |
75 |
76 |
Task Manager 🚀
77 |
Stay organized and keep your productivity on track! (Or at least try... 😄)