Skip to content

pranita09/task-mgnt-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Organizely

Organizely - Task Manageent Web Application (A Kanban Project).

How to install and run locally?

$ git clone https://github.com/pranita09/task-mgnt-app.git
$ cd task-mgnt-app
$ npm install
$ npm start

Features -

  1. Task Board Layout: A task board layout with four columns representing the stages: Ready, In Progress, Testing, and Done.
  2. Drag-and-Drop: The ability to drag and drop tasks from one group to another. Tasks are visually draggable and snap into the appropriate stage when dropped.
  3. Task Cards: A task card within its respective group. The task card displays the task's name, assignee, priority, and any other relevant information.
  4. Task Metrics: Visual metrics for each group, showing the total number of tasks in that stage, along with the breakdown of tasks based on their priorities (Urgent, High, Medium, Low).
  5. Add new task, Update task and delete task functionalities
  6. Search functionality, which will search by task name from any group (Ready/In progress/Testing/Done)
  7. Filters like filter by Start/End dates, filter by assignee, filter by severity of the task
  8. Unique badges to each task based on severity (High/Medium/Low)
  9. Light and dark mode

Technology Used -

  • React JS
  • React Context API + useReducer
  • React Router v6
  • Tailwind CSS
  • React-dnd
  • Chart.js
  • React Icons
  • ExpressJS + MongoDB for backend