Skip to content

This project is a task list web application designed to help users keep track of their daily tasks. The project uses HTML, CSS, and JavaScript to create a visually appealing and interactive interface

Notifications You must be signed in to change notification settings

mahmoudAliaboElhassan/Tasks-List

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Welcome to the Tasks List website!

This web application is designed to help you keep track of your tasks and manage your to-do list effectively. Here, you can create, update, and delete tasks, mark them as complete, and view your tasks in a clean and simple interface.

Website Components

The Tasks List website consists of several components that you will find useful when using the application.

Buttons

Add Task:

Clicking on the "Add Task" button allows you to create a new task. You can enter a task description, set a due date, and add tags to categorize your tasks.

Delete Task:

If you want to remove a task from your list, simply click on the "Delete Task" button. This will permanently delete the task from the website.

Mark as Complete:

Once you have completed a task, you can mark it as complete by clicking on the "Mark as Complete" button. This will visually indicate that the task has been done.

Tasks List

The main section of the website displays the list of tasks that you have created. You can easily view, and delete tasks from this list. Completed tasks are visually differentiated from pending tasks, making it easy to see which tasks are still pending and which ones are completed.

How to Use

To get started with the Tasks List website, follow these steps:

1-Click on the link to the website: Tasks List Website
Once the website loads, you can start using the buttons to create, update, and delete tasks as needed.

2-You can mark tasks as complete by clicking on the "Mark as Complete" button.

3-You can view the status of your tasks in the status component, which shows the number of pending, completed, and total tasks.

4-To delete a task, simply click on the "Delete Task" button.

5-You can also view your tasks in the task list, which displays the task description, due date, and tags.

That's it! You're all set to start managing your tasks efficiently with the Tasks List website.

Technologies Used

The Tasks List website is built using the following technologies:

HTML:

for creating the structure and layout of the website.

CSS:

for styling the website and making it visually appealing.

JavaScript:

for implementing the functionality of the buttons, and managing tasks.

GitHub Pages:

for hosting the website online.

Conclusion

We hope you find the Tasks List website helpful in managing your tasks and staying organized. If you have any feedback or questions, please feel free to contact us.

Thank you for using the Tasks List website!

About

This project is a task list web application designed to help users keep track of their daily tasks. The project uses HTML, CSS, and JavaScript to create a visually appealing and interactive interface

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published