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 uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC 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 for information on how to integrate TypeScript and typescript-eslint 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