The To-Do List is a simple, interactive web application that allows users to manage their tasks efficiently. With features like adding tasks, searching, and deleting, it provides an easy way to organize your daily activities. This project is built using plain HTML, CSS, and JavaScript, and it is designed to showcase the power of simple front-end development.
To run this project locally, make sure you have the following:
- A web browser (Google Chrome, Firefox, Safari, etc.)
- Basic knowledge of HTML, CSS, and JavaScript
- A text editor for viewing or modifying the code (e.g., Visual Studio Code)
-
Clone the repository:
git clone https://github.com/sajjad-sisakhtpour/to-do-list.git
-
Navigate to the project folder:
cd to-do-list
-
Open
index.html
in your browser:You can open the
index.html
file directly in your browser to see the application running.
The To-Do List is a basic application with the following features:
- Add Tasks: Enter a task in the input box and click the 'Add' button to add it to the list.
- Delete Tasks: Click on the "delete" button next to any task to remove it from the list.
- Search Tasks: Use the search input at the top to filter tasks by name.
To add a task like "Buy groceries":
- Type "Buy groceries" in the input box under the "Add Task" section.
- Click the "Add" button, and the task will appear in the list.
- You can delete it at any time by clicking the "delete" button next to it.
Here are a few screenshots of the application:
This project uses vanilla HTML, CSS, and JavaScript. All the functionality is client-side, meaning no backend or database is used. The list is stored temporarily in the browser, and tasks are removed when the page is refreshed.
index.html
: The main HTML structure of the project.style.css
: Contains the CSS for styling the application.script.js
: Handles the interactivity, including adding, deleting, and searching tasks.
If you'd like to contribute to this project, feel free to fork the repository, make your changes, and create a pull request.
- Fork the repository.
- Clone your fork to your local machine.
- Create a new branch for your changes.
- Make your changes and commit them.
- Push your changes to your fork.
- Create a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.
- Email: sajjad.sisakhtpour@gmail.com
- GitHub: github.com/sajjad-sisakhtpour
- LinkedIn: ir.linkedin.com/in/sajad-sisakht-pour
You can view the live demo of the project here: