Task Manager

A modern, responsive task management application built with Angular 17 and Bootstrap 5 to organize your tasks and projects with an intuitive Kanban-style interface.

Features

• Create, edit, and delete tasks sorted by status, priority, and due date
• Create custom projects with names, descriptions, and color-coded indicators
• Assign tasks to projects for better organization
• Kanban-style layout with drag-and-drop ready structure
• Local storage - your data stays between sessions
• No backend required - runs entirely in your browser

Getting Started

Prerequisites

• Node.js (version 16 or higher)
• npm or yarn package manager

Installation

1. Clone the repository

   git clone <repository-url>
   cd task-manager

2. Install dependencies

   npm install

3. Start the development server

   npm start

4. Open your browser Navigate to http://localhost:4200 to view the application

Building for Production

npm run build

The build artifacts will be stored in the dist/ directory.

Technical Details

Built With

• Angular 17 - Frontend framework
• TypeScript - Type-safe JavaScript
• Bootstrap 5 - CSS framework for responsive design
• RxJS - Reactive programming library

Project Structure

src/
├── app/
│   ├── components/
│   │   └── task-list/          # Main task management component
│   │   ├── models/
│   │   │   ├── task.model.ts       # Task interface definition
│   │   │   └── project.model.ts    # Project interface definition
│   │   ├── services/
│   │   │   ├── task.service.ts     # Task data management
│   │   │   └── project.service.ts  # Project data management
│   │   └── app.component.*         # Root application component
│   └── app.component.*         # Root application component