Features:

• Task Board Layout: Organized into four columns - Ready, In Progress, Testing, and Done.

• Drag-and-Drop: Intuitive drag-and-drop functionality for task management.

• Task Cards: Each task displayed within its respective group with essential details like name, assignee, priority, etc.

• Task Metrics: Visual representation of task distribution in each stage, including priority breakdowns (Urgent, High, Medium, Low).

• Add/Update/Delete Tasks: Functionality to manage tasks efficiently.

• Search Functionality: Enables searching by task name across all groups.

• Filters: Filtering options for Start/End dates, assignees, and task severity.

• Unique Badges: Task badges based on severity levels (High/Medium/Low).

• Light and Dark Mode: Personalized theme preferences for users.

Technology Used:

• React JS: Frontend framework for dynamic UI.

• React Context API + useReducer: State management for React components.

• React Router v6: Handles routing within the application.

• Tailwind CSS: Custom styling for a modern and responsive interface.

• React-dnd: Drag-and-drop library for React.

• Chart.js: Library for creating interactive charts to display task metrics.

• React Icons: Utilized for iconography.

• ExpressJS + MongoDB for backend: Backend server and database for data management.

This organizational tool, Organizely, provides an intuitive and visually interactive task board, empowering users to efficiently manage tasks, track progress across stages, and filter and sort tasks based on various criteria. With a blend of modern UI elements and seamless functionality, it offers a streamlined task management experience.