Added a new Project idea in 1-Beginner as todo_list_project

pull/894/head
Rishik 11 months ago
parent 08b771c863
commit f8ce62f72c

@ -0,0 +1,49 @@
# To-Do List Project File
## Project Title: To-Do List Application
### Short Description
A basic to-do list application where users can add, remove, and check off tasks.
### Tier: 1-Beginner
### Project Overview
The To-Do List application allows users to manage their tasks efficiently. Users can add new tasks, remove completed tasks, and mark tasks as completed. The application aims to provide a simple yet effective way for users to organize their daily activities.
### User Stories
- View Tasks: User can see a list of all tasks currently on their to-do list.
- Add Tasks: User can add a new task by entering text into an input field and clicking an 'Add' button.
- Remove Tasks: User can remove a task from the list by clicking a 'Delete' button next to the task.
- Mark Tasks as Completed: User can click a checkbox next to a task to mark it as completed, visually indicating the task is done.
- Clear All Tasks: User can clear all tasks with a 'Clear All' button.
- Save Tasks: Users tasks are saved in local storage, so they remain available even after the page is refreshed.
### Features
- Input Field: A text input field for users to enter their tasks.
- Add Button: A button that adds the entered task to the list.
- Task List: An unordered list that displays all tasks.
- Delete Button: A button next to each task to remove it from the list.
- Checkbox: A black checkbox to mark tasks as completed.
- Clear All Button: A button to remove all tasks from the list.
- Local Storage: Use local storage to save tasks, allowing persistence between sessions.
### Constraints
- Tasks should not exceed 100 characters.
- Ensure the input field does not accept empty tasks.
- Use clear, user-friendly messages for any errors (e.g., when attempting to add an empty task).
### Bonus Features
- Edit Tasks: Allow users to edit existing tasks by clicking on them.
- Due Dates: Users can set due dates for tasks and sort tasks based on these dates.
- Priority Levels: Users can assign priority levels (e.g., low, medium, high) to tasks.
### Useful Links and Resources
- [MDN Web Docs - Web Storage API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API)
- [JavaScript Array Methods](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array)
- [CSS Flexbox Guide](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
### Example Projects
- Simple To-Do List
- Task Manager App
- JavaScript To-Do List
Loading…
Cancel
Save