jira-task-management/README.md

Reusable Jira-like task management UI components built with React, including Mytasks, TeamMembers, and more.

# React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.
# jira




ira Task Management

A React component library for building Jira-like task management interfaces, including Kanban, Table, and Calendar views.

Installation

npm install jira-task-management

Usage

Import and use the Mytasks component with required props:

import { Mytasks } from 'jira-task-management';
import 'jira-task-management/dist/index.css';

function App() {
  const [tasks, setTasks] = useState([...]);
  const [projects, setProjects] = useState([...]);
  const teamMembers = [...];
  const role = 'admin';
  const rolePermissions = { ... };
  const userName = 'John Doe';

  return (
    <Mytasks
      tasks={tasks}
      setTasks={setTasks}
      deleteTask={(taskId) => setTasks(tasks.filter(t => t.id !== taskId))}
      teamMembers={teamMembers}
      projects={projects}
      setProjects={setProjects}
      role={role}
      rolePermissions={rolePermissions}
      userName={userName}
      kanban="true"
      table="true"
      calendar="true"
    />
  );
}

Props for Mytasks







Prop



Type



Default



Description





tasks



Array



[]



List of tasks





setTasks



Function



() => {}



Function to update tasks





deleteTask



Function



() => {}



Function to delete a task by ID





teamMembers



Array



[]



List of team members





projects



Array



[]



List of projects





setProjects



Function



() => {}



Function to update projects





role



String



'user'



User role (e.g., 'admin', 'teammember')





rolePermissions



Object



{}



Permissions for roles





userName



String



''



Current user's name





kanban



String



'true'



Enable Kanban view ('true'/'false')





table



String



'true'



Enable Table view ('true'/'false')





calendar



String



'true'



Enable Calendar view ('true'/'false')

Development

# Clone the repository
git clone https://github.com/yourusername/jira-task-management.git
cd jira-task-management

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

License

MIT