https://github.com/wilfredtinega/to-do-list-app

List your list with easy...
https://github.com/wilfredtinega/to-do-list-app

css3 html5 javascript

Last synced: about 1 month ago
JSON representation

List your list with easy...

• Host: GitHub
• URL: https://github.com/wilfredtinega/to-do-list-app
• Owner: WilfredTinega
• Created: 2024-12-01T20:59:37.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-12-01T21:17:29.000Z (about 2 months ago)
• Last Synced: 2024-12-01T22:25:12.217Z (about 2 months ago)
• Topics: css3, html5, javascript
• Language: CSS
• Homepage: https://to-do-li-st-app.netlify.app/
• Size: 2.93 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# To-Do List App

A simple and interactive To-Do List web application built with HTML, CSS, and JavaScript. This app allows users to add, check, and delete tasks while saving them in the browser’s local storage, ensuring persistence even after page reloads.

## Features

- **Add Tasks**: Easily add tasks to the list.

- **Mark as Complete**: Click on a task to mark it as completed. Completed tasks will be visually crossed out.

- **Delete Tasks**: Remove tasks by clicking the delete icon.

- **Persistent Storage**: Tasks are saved in the browser’s local storage, meaning they are retained even after refreshing the page.

## Tech Stack

- **HTML**: Structure of the app.

- **CSS**: Styling and layout of the app.

- **JavaScript**: App logic and interactivity, including local storage integration.

## Installation

1. Clone the repository:

   ```bash

   git clone https://github.com/yourusername/todo-list-app.git

   ```

2. Navigate to the project folder:

   ```bash

   cd todo-list-app

   ```

3. Open `index.html` in your browser.

## Usage

1. **Add a task**: Enter a task in the input box and click the "Add" button or press Enter.

2. **Mark a task as complete**: Click on a task to toggle its completion status.

3. **Delete a task**: Click the trash icon next to a task to remove it from the list.

4. **Persist your tasks**: Tasks will be saved in your browser’s local storage, so they remain available after page reloads.