Skip to content

README.md

Latest commit

 

History

History
23 lines (18 loc) · 1.36 KB

README.md

File metadata and controls

23 lines (18 loc) · 1.36 KB

Interactive-Task-Manager

Interactive Task Manager (Observer Pattern) 🚀

My Skills

A modern, functional Task Management application built with Vanilla JavaScript, implementing the Observer Design Pattern to manage state and UI updates reactively.

✨ Features

  • Reactive Progress Bar: Real-time progress tracking with percentage calculation.
  • Dynamic Feedback: Motivational messages that change based on completion level.
  • State Persistence: Your tasks are saved automatically using LocalStorage.
  • Modern UI: Clean, dark-themed interface with smooth CSS transitions.
  • Task Validation: Prevents adding empty tasks with visual error feedback.

🛠️ Technical Highlights

  • Design Pattern: Implements the Observer Pattern. The TaskManager acts as the Subject, notifying multiple Observers (TaskCounter, TaskProgressBar, TaskProgressMessage) whenever the state changes.
  • ES6 Modules: Organized code structure using import/export for better maintainability.
  • CSS Architecture: Uses @import and CSS variables (:root) for a scalable styling system.

🚀 How to Run

  1. Clone this repository: 
    git clone [https://github.com/username/task-manager-observer.git](https://github.com/username/task-manager-observer.git)