https://github.com/kavyaballa1020/todo-list-website
A simple and intuitive web application designed to help you manage your tasks efficiently. This app allows you to add, edit, delete, and search tasks, as well as mark them as completed. With a user-friendly interface and several useful features, staying organized has never been easier.
https://github.com/kavyaballa1020/todo-list-website
bootstrap css html5 javascript
Last synced: 2 months ago
JSON representation
A simple and intuitive web application designed to help you manage your tasks efficiently. This app allows you to add, edit, delete, and search tasks, as well as mark them as completed. With a user-friendly interface and several useful features, staying organized has never been easier.
- Host: GitHub
- URL: https://github.com/kavyaballa1020/todo-list-website
- Owner: kavyaballa1020
- License: mit
- Created: 2024-05-28T02:54:04.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-15T13:09:50.000Z (12 months ago)
- Last Synced: 2025-02-15T22:01:34.658Z (4 months ago)
- Topics: bootstrap, css, html5, javascript
- Language: JavaScript
- Homepage: https://todolist-kav.vercel.app/
- Size: 12.7 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Todo List App
This is a Todo List App built with HTML, CSS, and JavaScript. The app allows users to add, edit, delete, and search tasks. It also supports marking tasks as completed and clearing all completed tasks.
## Features
- Add new tasks with the current time
- Edit existing tasks
- Delete tasks
- Mark tasks as completed
- Clear all completed tasks
- Search tasks
- Persist tasks using Local Storage
- Responsive design
## Technologies Used
- HTML
- CSS (Bootstrap, Font Awesome, Animate.css)
- JavaScript
- jQuery
- Local Storage
## Getting Started
Follow the instructions below to get a copy of the project up and running on your local machine.
### Prerequisites
- A web browser (Google Chrome, Mozilla Firefox, etc.)
### Installation
1. Clone the repository:
```bash
git clone https://github.com/kavyaballa1020/Todo-List-Website.git
```
2. Navigate to the project directory:
```bash
cd Todo-List-Website
```
3. Open the `index.html` file in your web browser to view the app:
```bash
open index.html
```
## Usage
- **Add Task**: Click on the "Add Task" button and enter the task description in the modal that appears. Click "Add Task" to save the task.
- **Edit Task**: Click on the edit button (pencil icon) next to the task you want to edit. Enter the new task description in the prompt and click "OK".
- **Delete Task**: Click on the delete button (trash icon) next to the task you want to delete.
- **Mark Task as Completed**: Check the checkbox next to the task you want to mark as completed. Uncheck it to mark the task as not completed.
- **Clear Completed Tasks**: Click on the "Clear All Checked Tasks" button to remove all completed tasks.
- **Search Tasks**: Enter the task description in the search input field to filter tasks.
## Live Demo
You can view the live demo of the app [here](https://todolist-kav.vercel.app/).
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
## Contact
- Author: Kavya
- Email: [email protected]