1. Getting Started

Project Management is a lightweight app designed to maintain the flow in your project. It works entirely in your browser with no account required. Your data is stored locally on your device using IndexedDB, so everything stays private and accessible even without an internet connection.

2. Kanban Board

The Kanban board is your main workspace. It organizes tasks into three columns:

• To-Do — Tasks that haven't been started yet.
• In Progress — Tasks you're currently working on.
• Done — Completed tasks.

Each column displays a count badge showing how many tasks it contains. Tasks are automatically sorted by priority (High first) and then by due date (earliest first).

3. Creating & Editing Tasks

Create a New Task

1. Click the + New Task button in the header.
2. Fill in the task details:
   • Title (required) — A short name for the task.
   • Description (optional) — Additional details or notes.
   • Due Date (optional) — When the task should be completed.
   • Priority — High, Medium, or Low.
   • Status — Which column to place the task in.
3. Click Save Task.

Edit an Existing Task

1. Click on any task card in the Kanban board or calendar.
2. The edit form will open with the current details pre-filled.
3. Make your changes and click Save Task.

Delete a Task

1. Click on the task card to open the edit form.
2. Click the red Delete button at the bottom left.
3. Confirm the deletion when prompted.

4. Drag and Drop

Move tasks between columns by dragging and dropping:

1. Click and hold a task card.
2. Drag it to the desired column (To-Do, In Progress, or Done).
3. Release to drop it. The column will highlight in blue when you can drop.

5. Calendar View

Switch to Calendar view by clicking the Calendar button in the header toggle. This displays a monthly grid with your tasks placed on their due dates.

• Use the « Prev and Next » buttons to navigate between months.
• Today's date is highlighted with a blue tint.
• Tasks appear as colored chips on their due dates, color-coded by priority.
• Overdue tasks (past due and not marked Done) appear with a strikethrough.
• Click any task chip to open it for editing.

6. Search

Use the search bar in the center of the header to quickly find tasks:

• Type any keyword to search across task titles, descriptions, priorities, statuses, and dates.
• Results appear in a dropdown as you type.
• Click a result to switch to Kanban view and highlight that task.
• Press Esc to close search results.

Search is case-insensitive and updates in real-time with a slight delay for smooth performance.

7. Priority Levels

Every task has a priority level that determines its visual appearance and sort order:

• High (red) — Urgent tasks that need immediate attention. Shown at the top of each column.
• Medium (yellow) — Standard tasks with normal urgency. This is the default.
• Low (green) — Tasks that can wait. Shown at the bottom of each column.

Task cards also display a colored left border matching their priority, making it easy to scan columns at a glance.

8. Offline Mode

This app works fully offline. Once loaded, all pages and features are cached by the Service Worker, so you can:

• Create, edit, and delete tasks without an internet connection.
• Switch between Kanban and Calendar views.
• Search through your tasks.

The footer displays your current connection status:

• Online — You're connected to the internet.
• Offline — You're working offline. All changes are saved locally.

9. Installing the App

Project Management is a Progressive Web App (PWA) that can be installed on your device for a native app-like experience:

On Desktop (Chrome / Edge)

1. Look for the install icon in the browser's address bar (a small + or monitor icon).
2. Click it and select Install.
3. The app will open in its own window without browser UI.

On Android (Chrome)

1. Tap the browser's menu (three dots).
2. Select Add to Home screen or Install app.
3. The app icon will appear on your home screen.

On iOS (Safari)

1. Tap the Share button (square with arrow).
2. Scroll down and tap Add to Home Screen.
3. Tap Add to confirm.

10. App Updates

When a new version of the app is available, you'll see a blue banner at the top of the screen:

Updates are checked automatically when you open the app and periodically while it's running. Your tasks and data are never affected by updates.

11. Sharing

Click the Share button (the connected-dots icon next to the app title) to share this app with others:

• On mobile devices, this opens the native share sheet so you can send via messaging apps, email, social media, etc.
• On desktop, the app link is copied to your clipboard. Paste it anywhere to share.

12. Tips & Shortcuts

• Press Esc to close the task modal or dismiss search results.
• Use drag-and-drop for the fastest way to update task status instead of opening the edit form.
• Set due dates on all tasks to get the most out of the Calendar view.
• Use High priority sparingly for truly urgent items so they stand out.
• The task counter in the footer (e.g., "3/10 tasks completed") gives you a quick progress overview.
• Click Other Apps in the header to discover more apps.