1021730-Changed read-me content and removed outdated or broken links.

Author: PravinkumarAnthonyraj

README.md

@@ -1,41 +1,50 @@
-# Airlines Tracker using Gantt Chart
+# Airlines Tracker Using Gantt Chart
 
-A React demo application showcasing airline flight tracking in a customized Syncfusion Gantt chart.
+This repository contains a React application visualizing airline flight schedules using Syncfusion Gantt chart. It demonstrates how Gantt charts adapt for time‑based resource scheduling beyond traditional project management.
 
 ## Features
 
-- Resource view Gantt chart with flights grouped by airport code
-- Custom taskbar templates for active, completed, and upcoming flights
-- Tooltip cards showing departure, arrival, and aircraft model details
-- Day/hour timeline with event markers for a selected current time
-- Built with Syncfusion `@syncfusion/ej2-react-gantt`
+- **Resource view Gantt chart** with flights grouped by airport
+- **Custom taskbar templates** for active, completed, and upcoming flights
+- **Rich tooltip cards** with departure, arrival, and aircraft details
+- **Day and hour timeline** with event markers
+- **Built with** `@syncfusion/ej2-react-gantt`
 
 ## Prerequisites
 
-- Node.js 14+ or compatible version
+- Node.js ( LTS or later )
 - npm
 
-## Installation
+## Installation and Run
 
 ```bash
 npm install
 npm start
 ```
 
-Then open `http://localhost:3000` in your browser.
+Open the application at `http://localhost:3000`
 
 ## How It Works
 
-The sample uses `src/data.js` for `TimeTable` flight data and airport resources.
-`src/index.js` configures:
+**Data configuration** (`src/data.js`):
+- Flight schedules (`TimeTable`) and resources
 
+**Application setup** (`src/index.js`):
 - `taskFields` and `resourceFields`
-- `labelSettings` for departure and arrival labels on tasks
-- `taskbarTemplate` to color-code flights by status
-- `tooltipSettings` for rich hover details
+- `labelSettings` for departure and arrival labels
+- `taskbarTemplate` to differentiate flight status
+- `tooltipSettings` for details
+- `viewType` set to `ResourceView`
 
 ## Notes
 
-- Current time is hardcoded as `02/13/2021 15:25:00` for demonstration.
-- `Dep` is the flight start date and `Journey` is duration in hours.
-- The Gantt chart view type is configured as `ResourceView`.
+- "Current time" hardcoded as `02/13/2021 15:25:00`
+- `Dep` = flight start time, `Journey` = duration in hours
+- Static data without real‑time updates
+
+## Use Cases
+
+This repository demonstrates:
+- Modeling non-project data in Gantt charts
+- Resource view for scheduling scenarios
+- Customizing taskbars and tooltips in Syncfusion React Gantt

package.json

@@ -41,9 +41,9 @@
     "@syncfusion/ej2-react-spreadsheet": "18.4.35",
     "@syncfusion/ej2-react-treegrid": "18.4.35",
     "@syncfusion/ej2-react-treemap": "18.4.30",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0",
-    "react-scripts": "^3.2.0"
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "react-scripts": "^5.0.1"
   },
   "scripts": {
     "start": "react-scripts start",