To Do List Application

Project Description

The To-Do List Application is a simple and intuitive web-based tool that helps users organize their daily tasks efficiently. Users can add, edit, delete, and mark tasks as completed. The app ensures tasks are saved locally in the browser using localStorage.

This project is built with HTML, CSS, and JavaScript, offering a clean and responsive user interface designed for both desktop and mobile devices.

Key Features

1. User-Friendly Interface Clean and intuitive design for easy navigation.
2. Task Creation and Editing : Simple options to add, edit, and delete tasks.
3. Priority Levels : Assign priority (low, medium, high) to tasks.
4. Voice Input : Use voice commands to create and manage tasks.
5. Due Dates : Set deadlines for tasks.
6. Login/Signup : Allows the user to have a personalised experience.

Project set-up:

1. Clone the Repository Tell users how to copy the project to their computer using : git clone https://github.com/aryangoel0308/Project.git

2. Navigate to the Project Directory using : cd Project

3. Open index.html in your browser or on the live server to view the application interface.

Basic steps to guide you through the project.

1. First click on the index.html file and you will be landed on the homepage.
2. Further you can see the key features of the application after clicking on the “key features” button.
3. You can also navigate to the contact us page after clicking on the “contact us” page.
4. Further you can click on the “Login” button, it will take you to the login page.
5. If not created any account it will ask you to register and create an account.
6. Then a personal detail form willl appear and fill it and click on save profile.
7. All the personal details will be visible to you on the next page.
8. Click on the new list button and it will take you to the option page that will ask you to choose whether you need a personal to-do list or a work to-do list.
9. Further you can enter the name of your list in the above pop up dialogue box asking the same.
10. Once named the list and pressed continue you will be further landed to the to-do list page will your name at the top.
11. The user in this list can type the task in the above input bar and press “Add” button to add the task to the list.
12. Alternative option to add the task is to click on the audio assist button and further dictate the task you wish to add.
13. Similarly with the work team list but in it you also get the option to assign the task to a particular person and set a deadline by clicking on the dropdown and set the date as well.
14. Further the tasks in the list can be marked as completed by clicking on the checkbox.
15. The user can also delete the particular task from the list by clicking on the delete button.
16. After clicking on the back button on the top left corner of the page, the person can view his profile with the previously entered personal details.
17. At the same page the user can click on the “My Lists” button to view all the lists created by the user and also there will be progress visible on each list separately.

Technologies Used :

HTML(hypertext markup language), CSS(cascading style sheets), Java script.

Project contributors :

1. Aryan Goel (https://github.com/aryangoel0308) (Team Leader)
2. Aniket Singla (https://github.com/Anikkett399)
3. Gaurav Sharma (https://github.com/gaurav998517)
4. Anmol Mittal (https://github.com/Anmol-Mittal-2)
5. Kartik Sapra (https://github.com/KartikSapra307)