https://github.com/anubhab-m02/to-do-list

A To-Do List made using HTML, CSS and Vanilla Javascript
https://github.com/anubhab-m02/to-do-list

Last synced: about 1 month ago
JSON representation

A To-Do List made using HTML, CSS and Vanilla Javascript

• Host: GitHub
• URL: https://github.com/anubhab-m02/to-do-list
• Owner: anubhab-m02
• License: mit
• Created: 2023-12-19T12:29:34.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2023-12-19T12:47:13.000Z (about 1 year ago)
• Last Synced: 2024-11-08T12:28:07.608Z (3 months ago)
• Language: JavaScript
• Size: 36.1 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Todo List App

A simple Todo List application built using HTML, CSS, and JavaScript.

![To-Do List](https://github.com/anubhab-m02/To-Do-List/blob/master/ss.jpg?raw=true)

## Table of Contents

- [Overview](#overview)

- [Features](#features)

- [Installation](#installation)

- [Usage](#usage)

- [Filtering Todos](#filtering-todos)

- [Local Storage](#local-storage)

- [Contributing](#contributing)

- [License](#license)

## Overview

This Todo List application allows users to add, mark as completed, and delete tasks. It also includes a filtering feature to view all tasks, completed tasks, or incomplete tasks.

## Features

- Add new todos

- Mark todos as completed

- Delete todos

- Filter todos based on status (all, completed, incomplete)

- Persistent storage using local storage

## Installation

1. Clone the repository:

2. Open the index.html file in your web browser.

## Usage

- Add a new todo by typing in the input field and pressing Enter.

- Mark a todo as completed by clicking on the checkmark button.

- Delete a todo by clicking on the trash button.

- Use the filter options to view all todos, completed todos, or incomplete todos.

## Filtering Todos

The "Filter" dropdown allows you to filter todos based on their status:

- **All:** Displays all todos.

- **Completed:** Displays only completed todos.

- **Incomplete:** Displays only incomplete todos.

## Local Storage

Todos are saved to local storage, ensuring that your tasks persist even if you close the browser. The application retrieves saved todos on page load.

## Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

1. Fork the project.

2. Create a new branch (`git checkout -b feature/new-feature`).

3. Commit your changes (`git commit -am 'Add new feature'`).

4. Push to the branch (`git push origin feature/new-feature`).

5. Open a pull request.

## License

This project is licensed under the MIT License.