This project is a simple task manager (to-do list) built with HTML, CSS, and JavaScript. The user interface allows users to add tasks, view the list of tasks, and handle an empty state when there are no tasks yet.
Key Features
Add Task: A form or input where users can submit new tasks.
List Tasks: Tasks are displayed as a list under “list tasks” section.
State Handling: When no tasks are added, display a placeholder message such as “no task yet”.
Technologies Used
HTML for structure and layout
CSS for styling (and responsive design as needed)
JavaScript to handle dynamic behavior (adding tasks, updating the DOM)
User Flow
User visits the page and sees “no task yet”.
User writes a task name in the input field and clicks “Add Task”.
The new task appears in the “list tasks” area.
If tasks are removed or the list becomes empty again, “no task yet” is shown.
Possible Enhancements (Future Improvements)
Add delete / mark as completed functionality.
Use localStorage so tasks persist across page reloads.
Add edit task option.
Add due dates, priority levels, or categories.
Add filtering / sorting (by status, alphabetically, date).
Add animations / transitions for adding/removing tasks.
Improve accessibility (keyboard navigation, ARIA attributes).
