Task Manager

A clean, responsive, and lightweight Task Management Web Application built with modern frontend practices. Designed for speed, simplicity, and productivity, the app enables users to create, organize, track, and manage tasks efficiently across desktop and mobile devices.

✨ Features

Core Features

• Create Tasks with:

  • Task title
  • Description
  • Priority level (Low, Moderate, High)
  • Progress status (Not Started, Ongoing, Completed)

• Task Management

  • Mark tasks as completed
  • Delete tasks instantly
  • Real-time task updates

• Smart UI Feedback

  • Animated toast notifications
  • Clear success and deletion states
  • Input validation and error handling

Responsive Experience

• Desktop View

  • Structured table-like layout for better task overview
  • Fixed input panel for faster workflow

• Mobile View

  • Clean card-based responsive interface
  • Optimized spacing and readability

UX Enhancements

• Smooth animations and hover interactions
• Dynamic task badges
• Accessible form structure
• Minimal and distraction-free design

---

🛠 Tech Stack

Frontend

• HTML5 – Semantic structure
• CSS3 – Responsive styling and animations
• Vanilla JavaScript (ES Modules) – Application logic and interactivity

Design & Styling

• CSS Variables for scalable theming
• Flexbox & Table Layout System for adaptive responsiveness
• Media Queries for device optimization
• CSS Animations & Keyframes for toast interactions

---

⚙ Technical Highlights

• Modular JavaScript Architecture

  • Uses ES module imports for cleaner code organization.

• Responsive Layout Engineering

  • Desktop uses a hybrid table-style task display for information density.
  • Mobile switches to a card-based layout for usability.

• State-Based UI Interactions

  • Completion buttons dynamically disable after task completion.
  • Toast messages provide event-driven visual feedback.

• Performance Focused

  • Lightweight and dependency-free.
  • No external frameworks or heavy libraries.

---

👥 Non-Technical Overview

This project is designed for users who want a simple yet effective way to manage daily tasks without unnecessary complexity. It prioritizes:

• Ease of use
• Fast interaction
• Visual clarity
• Cross-device compatibility

Whether used for personal productivity, study planning, or daily organization, the application provides a clean and intuitive experience.

---

🚀 Getting Started

git clone <your-repository-url>
cd task-manager

Run the project by opening:

index.html

Or use a local server for ES module support.

---

📌 Future Improvements

• Local storage/database persistence
• Task filtering and search
• Dark mode support
• Drag & drop task organization
• Due dates and reminders

---

Made with ❤️ by Ankush Kumar (Boldbug)