/questLab

Primary LanguageJavaScript

Task Management Application

deploy link : (https://65f85e025ee8bc8317de8cd5--stately-crumble-467929.netlify.app/) This is a task management application built using React. It allows users to organize their tasks into different stages: Todo, In Progress, Review, and Done.

Table of Contents

  1. Features
  2. Installation
  3. Usage
  4. Contributing
  5. License
  6. Dependencies
  7. Screenshoot

Features

  • Todo Column: Add, remove, and manage tasks that are in the "To Do" stage.
  • In Progress Column: Move tasks from Todo to In Progress, and manage tasks in progress.
  • Review Column: Move tasks from In Progress to Review for evaluation.
  • Done Column: Move tasks from Review to Done upon completion.
  • Loading Overlay: Displays a loading overlay while the application is fetching data or performing tasks.
  • Responsive Design: The application is responsive and works seamlessly across various devices and screen sizes.

Installation

To run the application locally, follow these steps:

Usage

  • Add tasks by clicking the "+ Add a card" button in any column.
  • Move tasks between columns by dragging and dropping them.
  • Manage tasks within each column (e.g., edit task details, mark as completed).

Contributing

Contributions are welcome! If you have any ideas for improvements or new features, feel free to open an issue or submit a pull request. Please make sure to follow the Contributing Guidelines.

Dependencies

This project relies on the following dependencies:

  • React: A JavaScript library for building user interfaces. Learn More
  • Font Awesome: An icon toolkit for adding icons to the application. Learn More
  • react-fontawesome: A library for using Font Awesome icons in React components. Learn More

You can install these dependencies using npm:

Usage

  • Add tasks by clicking the "+ Add a card" button in any column.
  • Move tasks between columns by dragging and dropping them.
  • Manage tasks within each column (e.g., edit task details, mark as completed).

Screenshoot

Todo

Coding

In Progress

Coding

Review

Coding

Done

Coding