https://github.com/mosalem149/todo-list-app_ibm-project

A simple and interactive Todo List application built with HTML, CSS, and JavaScript. Users can add, edit, and delete tasks, as well as mark them as completed.
https://github.com/mosalem149/todo-list-app_ibm-project

css3 dom-manipulation html5 javascipt responsive-design todoapp user-experience

Last synced: about 2 months ago
JSON representation

A simple and interactive Todo List application built with HTML, CSS, and JavaScript. Users can add, edit, and delete tasks, as well as mark them as completed.

• Host: GitHub
• URL: https://github.com/mosalem149/todo-list-app_ibm-project
• Owner: MoSalem149
• Created: 2023-09-05T12:16:21.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-09-19T09:06:30.000Z (5 months ago)
• Last Synced: 2025-01-06T00:43:29.419Z (about 2 months ago)
• Topics: css3, dom-manipulation, html5, javascipt, responsive-design, todoapp, user-experience
• Language: CSS
• Homepage: https://todo-quick-app.netlify.app/
• Size: 39.1 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Todo List App

## Description

This is a simple Todo List application that allows users to manage their tasks effectively. Built with HTML, CSS, and JavaScript, the app provides a clean and interactive interface to add, edit, delete, and mark tasks as completed.

## Features

- Add new tasks

- Edit existing tasks

- Delete tasks

- Mark tasks as completed

- Responsive design

Sure! Here’s an updated README with a Topics section to help categorize the main aspects of your project:

Updated README.md

markdown

Copy code

# Todo List App

## Description

This is a simple Todo List application that allows users to manage their tasks effectively. Built with HTML, CSS, and JavaScript, the app provides a clean and interactive interface to add, edit, delete, and mark tasks as completed.

## Features

- Add new tasks

- Edit existing tasks

- Delete tasks

- Mark tasks as completed

- Responsive design

## Topics

- **HTML**: Structure of the web application.

- **CSS**: Styling the application for a clean and modern look.

- **JavaScript**: Adding interactivity and dynamic features.

- **DOM Manipulation**: Creating and modifying HTML elements based on user input.

- **User Experience**: Focus on usability and accessibility.

  

## Screenshots

Below are some screenshots showing different stages of the app:

### 1. Initial Screen

![Screenshot of Todo List App](screens/main_screen.png)

### 2. Action Screen

![Screenshot of Todo List App](screens/action_screen.png)

## Getting Started

### Prerequisites

- A modern web browser (e.g., Chrome, Firefox, Safari)

### Installation

1. Clone the repository:

   ```bash

   git clone https://github.com/MoSalem149/todo-list-app_IBM-Project.git