This project implements an interactive timeline-mindmap using ReactFlow, allowing users to navigate through different phases and sub-phases of a product development process. It includes functionalities such as modal display and hover content, enhancing the user experience. Additionally, D3 is integrated for data visualization, presenting review data within the application.

1. Clone the repository:

git clone https://github.com/your-username/project-name.git

2. Navigate to the project directory:

cd project-name

3. Install dependencies:

npm install

To start the development server:

npm start

The application will be accessible at http://localhost:3000.

• Interactive timeline-mindmap visualization
• Modal display for detailed information on nodes
• Hover content for quick previews
• Integration of D3 for data visualization (B2C research data)

1. Implement expandable/collapsible feature for phases to enhance organization.
2. Introduce animated icons for relevant phases to improve visual engagement.

• ReactFlow: Link
• D3.js: Link
• Tailwind CSS: Link