React Gantt Chart Demo

Repository Description

This repository contains a React application demonstrating the Syncfusion Gantt Chart component for visualizing and managing project schedules with editable tasks and timeline features.

Overview

This project shows how to integrate the @syncfusion/ej2-react-gantt library into a React application. It focuses on core project‑management scenarios such as task hierarchy, scheduling, timeline visualization, and user interaction using built-in Gantt features.

Features

• Hierarchical tasks with parent and child relationships
• Add, edit, and delete tasks using dialog editing
• Sorting, filtering, and multiple task selection
• Context menu support for task actions
• Project dates with holiday and event markers

Installation

Install dependencies:

npm install

Start the development server:

npm start

Open the app at:

http://localhost:3000

Build

Create a production build:

npm run build

Deploy

This repository is configured for GitHub Pages deployment via gh-pages:

npm run deploy

Notes

• Main Gantt chart configuration is in src/App.js.
• src/index.js uses serviceWorker.unregister() by default.
• Update taskFields, timelineSettings, or editSettings

Dependencies

• react ^17.0.1
• react-dom ^17.0.1
• react-scripts 5.0.1
• @syncfusion/ej2-react-gantt ^17.3.19