Skip to content

sohail-ekhtiary/todo-app-solution

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Todo App Solution

📌 Overview

A clean, intuitive Todo App built with HTML, CSS & JavaScript.
This project enables users to add, complete, delete and filter tasks — encouraging productive task management.
It was designed to sharpen my frontend skills including DOM manipulation, state management in vanilla JS, and responsive UI design.


🎯 Features

  • Add new tasks with custom text
  • Mark tasks as complete / incomplete
  • Delete tasks
  • Filter tasks by All / Active / Completed
  • Clear all completed tasks
  • Responsive layout: works on desktop and mobile

🛠 Technologies Used

  • HTML5 – Semantic markup for accessibility and structure
  • CSS3 – Flexbox/Grid layout, custom styling, responsive breakpoints
  • JavaScript (vanilla) – Data handling (adding, deleting, toggling), event listeners, state persistence (if implemented)

🚀 Live Demo

Check out the live version here: https://todo-app-soultion.netlify.app


📝 What I Learned

  • How to create dynamic, interactive user interfaces using vanilla JavaScript
  • Managing state in the browser (adding, toggling, deleting tasks)
  • Structuring a project for readability and maintainability
  • Applying responsive design to adapt for mobile and desktop views

About

Responsive Todo App built with HTML, CSS & JavaScript to manage daily tasks efficiently.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •