Skip to content

DuDu21cs/To-Do-List

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Make It Happen! ✅

A lightweight and interactive To-Do List web app built with vanilla HTML, CSS, and JavaScript. Tasks are saved to the browser's local storage so they persist across sessions, and the app supports three switchable themes.


🚀 Features

  • Add, complete, and delete tasks
  • Tasks saved to localStorage — persists on page refresh
  • 3 themes — Standard 🌊, Light ☀️, Dark 🌙
  • Theme preference saved and restored automatically
  • Live date & time display
  • Smooth delete animation
  • Font Awesome icons for a clean UI

📸 Screenshots

Home Page

Home Page

Task List

List

Themes

Standard 🌊 Light ☀️ Dark 🌙
Standard Light Dark

🛠️ Tech Stack

HTML5 CSS3 JavaScript


📁 Project Structure

To-Do-List/
├── CSS/
│   ├── main.css        # Main styles & theme definitions
│   └── corner.css      # GitHub corner ribbon styles
├── JS/
│   ├── main.js         # Core app logic (add, delete, check, themes, localStorage)
│   └── time.js         # Live date & time display
├── assets/
│   └── favicon.png
├── screenshots/        # App screenshots for README
└── index.html          # App entry point

⚙️ Getting Started

No installations or dependencies needed!

  1. Clone the repo:
    git clone https://github.com/DuDu21cs/To-Do-List.git
  2. Open index.html in your browser

That's it — the app runs entirely in the browser. ✅


📫 Contact

Duresa Chemeda

About

A modern and responsive To-Do List web application built with HTML, CSS, and JavaScript. Features task management, theme switching, local storage persistence, and a clean productivity-focused user interface

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors