Skip to content

404soul24/Task-manager

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

To-Do List Application ✅

A simple and interactive to-do list app to manage your daily tasks. Built with HTML, CSS, and JavaScript following this YouTube tutorial.

🌐 Live Demo: https://task-manager-rosy-chi.vercel.app/

Features

  • Add new tasks to your list
  • Mark tasks as completed
  • Delete tasks from the list
  • Tasks persist in local storage
  • Clean and intuitive user interface
  • Responsive design for all devices

Technologies

  • HTML5
  • CSS3
  • JavaScript
  • Local Storage API

Installation

  1. Clone the repository:
git clone https://github.com/yourusername/todo-list-app.git
  1. Open the project folder:
cd todo-list-app
  1. Open index.html in your browser

Usage

  1. Type your task in the input field
  2. Click the "Add" button or press Enter to add the task
  3. Click on a task to mark it as completed
  4. Click the delete button (×) to remove a task
  5. Your tasks are automatically saved and will be there when you return

Project Structure

todo-list-app/
├── index.html
├── style.css
├── script.js
├── images/
└── README.md

How It Works

  • Add Task: Enter text and click add to create a new task
  • Complete Task: Click on any task to toggle its completion status
  • Delete Task: Click the delete icon to remove a task
  • Data Persistence: All tasks are saved in your browser's local storage

Credits

Built following this YouTube tutorial

License

MIT License - feel free to use this project for learning and personal projects.


Stay organized and productive! 📝✨

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published