This is a basic, yet functional, To-Do List application built using fundamental web technologies: HTML, CSS, and JavaScript. It serves as a foundational project to practice and solidify core front-end development skills. The current version provides the essential functionality of adding and managing tasks.
As I continue my learning journey, this project will evolve to incorporate more advanced features, making it a comprehensive and robust task management tool.
-
Add New Tasks: Easily input and add new tasks to your list.
-
Mark as Complete: Toggle tasks as complete or incomplete.
-
Delete Tasks: Remove unwanted tasks from the list.
-
Responsive Design: A clean and simple interface that works across different screen sizes.
-
HTML5: For the structure and content of the web page.
-
CSS3: For styling and making the application visually appealing.
-
JavaScript (ES6+): For interactive functionality and dynamic content manipulation.
To get this To-Do List application up and running on your local machine, follow these simple steps:
-
Clone the Repository (if applicable): If this project is hosted on a version control system like Git, clone it to your local machine:
git clone (https://github.com/Agentic-JJ-Web3/To-do-list)(If not, simply download the
index.html,style.css, andscript.jsfiles into a single folder.) -
Open
index.html: Navigate to the project folder and simply open theindex.htmlfile in your preferred web browser. You can usually do this by double-clicking the file.That's it! The application should load directly in your browser.
This project is a living document of my learning, and I have exciting plans for its future development:
-
Animations: Adding subtle animations for task addition, completion, and deletion to enhance user experience.
-
Task Counter: Displaying a count of pending and completed tasks.
-
Notifications: Implementing browser notifications for due tasks or important reminders.
-
Local Storage/Database Integration: Persisting tasks even after the browser is closed, using either browser's local storage or a backend database.
-
Task Filtering: Options to filter tasks (e.g., all, active, completed).
-
Task Editing: Ability to modify existing task descriptions.
-
Drag-and-Drop Reordering: Reorder tasks by dragging and dropping them.
As this is a personal learning project, direct contributions are not currently being sought. However, I welcome any feedback, suggestions, or ideas! Feel free to open an issue if you have any thoughts.
This project is open-source and available under the MIT License. You are free to use, modify, and distribute the code for personal learning or non-commercial purposes.