Skip to content

k8snx/task-management-tool

Repository files navigation

Task Management Tool

This is a task management application that allows users to create, update, delete, and manage a list of tasks efficiently. The application was developed as an assignment for The Alter Office for the Frontend Developer position.

Tech Stack

  • Frontend: React with TypeScript
  • Backend & Database: Firebase (for user authentication and data storage)
  • Build Tool: Vite

Features

User Authentication

  • Firebase Authentication with Google Sign-In.

Task Management

  • Users can create, edit, and delete tasks.
  • Tasks can be categorized (e.g., work, personal) and tagged for better organization.
  • Users can set due dates for tasks.
  • Tasks can be sorted based on due dates.

Batch Actions

  • Users can perform batch actions on tasks, such as deleting multiple tasks or marking multiple tasks as complete.

Task History and Activity Log

  • Tracks changes made to tasks, including creation, edits, and deletions.
  • Displays an activity log for each task.

File Attachments

  • Users can attach files or documents to tasks for additional context.
  • File upload functionality is available in the task creation/editing form.
  • Attached files are displayed in the task detail view.

Filter Options

  • Users can filter tasks by tags, category, and date range.
  • Search functionality allows users to find tasks by title.

Board/List View

  • Users can switch between a board view (Kanban-style) and a list view for their tasks.

Responsive Design

  • Fully responsive design adapting to various screen sizes (mobile, tablet, desktop) with a mobile-first approach.

Running the App

To run the application locally, follow these steps:

# Clone the repository
git clone https://github.com/anjalisah89/task-management-app.git

# Navigate to the project directory
cd task-management-app

# Install dependencies
 npm install # or yarn install 

# Start the development server
npm run dev  # or yarn dev

Author

Anjali Sah

Frontend Developer | React | TypeScript | Firebase

Email
LinkedIn
GitHub

📧 anjalisah89@gmail.com


This project was developed as part of the assignment provided by The Alter Office for the Frontend Developer position.