This repository contains a Task Management Application built using React, Apollo Client, GraphQL, and Tailwind CSS. The project demonstrates various functionalities such as task creation, task updates, filtering tasks by status, and user assignment. It includes a modular and reusable design with components that follow best practices.
- Project Overview
- Features
- Technologies Used
- Setup and Installation
- Environment Variables
- Components
- Screenshots
The Task Management Application allows users to:
- Create, update, delete, and view tasks.
- Assign tasks to users.
- Group tasks by status.
- Use custom loaders for asynchronous actions.
- Manage task tags and estimates.
- Task Management: Create, edit, and delete tasks.
- Task Grouping by Status: Tasks are organized by their status (
To Do,In Progress,Done,Backlog,Cancelled). - Dynamic User Assignment: Users can be selected as assignees for tasks.
- GraphQL Integration: All task and user data is managed via Apollo Client and GraphQL.
- Reusable Components: Components like loaders, user selectors, and error messages are reusable across the project.
- Customizable Loaders: Users can choose between multiple loader designs and configure them.
- Mobile Responsive UI: Built with Tailwind CSS for responsive and adaptive design.
- React
- Apollo Client (for GraphQL)
- Tailwind CSS
- TypeScript
- Radix UI (for AlertDialogs and Popovers)
- GraphQL (for backend queries and mutations)
To run this project locally, follow these steps:
npm install npm run dev
You can see the demo here: https://edisonparia.github.io/task-management/