Smart Task Manager

A polished, feature-rich task manager built with AngularJS 1.8.x, Bootstrap 5, and plain HTML/CSS. No build tools required — just open and run.

Features

• Add, edit (inline), and delete tasks
• Mark tasks complete / incomplete
• Priority levels (Low / Medium / High) with color badges
• Due dates with overdue highlighting
• Filter by All / Pending / Completed
• Real-time search
• Sort by due date or priority
• Task counters (total, done, remaining)
• Clear all completed tasks
• Data persisted in localStorage
• Responsive layout for mobile and desktop

Project Structure

smart-task-manager/
├── index.html
├── README.md
├── app/
│   ├── app.module.js       # AngularJS module + autoFocus directive
│   ├── app.controller.js   # UI logic, filtering, sorting
│   └── task.service.js     # localStorage persistence
└── assets/
    └── styles.css

Running Locally

Option 1 — Just open the file: Double-click index.html. Works in most browsers without a server.

Option 2 — Local server (recommended):

# Python 3
python -m http.server 8080

# Node (npx)
npx serve .

Then visit http://localhost:8080.

Deployment

GitHub Pages

1. Push the smart-task-manager folder contents to a GitHub repository.
2. Go to Settings → Pages.
3. Set source to the main branch, root /.
4. Your app will be live at https://<username>.github.io/<repo>/.

Netlify (drag & drop)

1. Go to netlify.com and log in.
2. Drag the smart-task-manager folder onto the Netlify dashboard.
3. Done — Netlify provides a live URL instantly.