Task Manager

A simple web-based task manager application built using TypeScript, SCSS, HTML, and JavaScript.

---

Table of Contents

• Features
• Tech Stack
• Getting Started
• Project Structure
• Usage
• Contributing
• License

---

Features

• Create, edit, and delete tasks
• Mark tasks as completed / pending
• Task categorization and filtering
• Responsive UI (desktop & mobile)
• Simple, intuitive interface

---

Tech Stack

• TypeScript – for typing and modern JS features
• SCSS – for styling
• HTML – structure
• JavaScript – for runtime behavior

---

Getting Started

Prerequisites

• Node.js (v14+ recommended)
• npm or yarn

Installation

# clone the repository
git clone https://github.com/asimalizada/task-manager.git

# move into project directory
cd task-manager

# install dependencies
npm install
# or
yarn install

Development

# start dev server (if configured)
npm run dev
# or
yarn dev

Open your browser and navigate to http://localhost:3000 (or the port specified) to view the app.

Build for production

npm run build
# or
yarn build

The build output will be in the dist/ or build/ folder (depending on setup).

Project Structure

task-manager/
├── src/
│   ├── index.html
│   ├── styles/
│   │   └── main.scss
│   ├── scripts/
│   │   └── main.ts
│   ├── components/        # Optional: UI components
│   ├── utils/             # Helper functions
│   └── ...
├── public/                # Assets like images, icons
├── dist/ or build/        # Compiled output
├── package.json
├── tsconfig.json
└── README.md

Usage

1. Add a new task via the input field and hit “Enter” or click “Add”
2. Click a task to mark it completed/uncompleted
3. Use edit/delete buttons to modify or remove tasks
4. Filter tasks (All / Completed / Pending)

Contributing

Contributions are welcome! If you want to:

• Report a bug — open an [Issue]
• Suggest a feature — open an [Issue]
• Send a pull request — ensure your code follows style, add tests if applicable, and document your changes

License

This project is licensed under the MIT License.