Back to Projects
PERT Chart Generator for React
React library designed to generate and visualize PERT (Program Evaluation and Review Technique) diagrams
react-pert is a lightweight, customizable React component library designed to help developers visually represent project workflows using PERT (Program Evaluation and Review Technique) charts. It allows you to illustrate task dependencies, durations, and the critical path in a clean, interactive, and developer-friendly way.
Features
- Render PERT charts with minimal setup using structured task data
- Automatically detect and highlight the critical path
- Style nodes, links, and labels to match your design
- Supports real-time updates to tasks, dependencies, and durations
- Optimized rendering using React best practices and memoization
Highlights
- Built entirely from scratch — no charting libraries or templates used
- Implements custom PERT algorithm for task scheduling and critical path calculation
- Calculates early/late start, slack, and critical path dynamically
- Built with React functional components and hooks for performance and scalability
- SVG-based rendering
Technologies
React.js
Typescript