Vue Roadmap Generator

Vue Roadmap Generator is a single-page web application that allows users to create interactive roadmaps by defining nodes and their connections. Perfect for project planning, learning paths, or any scenario where you need to visualize a sequential process.

Features

• Intuitive Interface: Clean UI with a two-panel layout - editing tools on the left, real-time roadmap preview on the right
• Node Management: Create roadmap nodes with custom IDs and labels
• Connection Control: Easily define relationships between nodes with customizable connection labels
• Responsive Design: Works seamlessly across different devices and screen sizes

Installation

To install simply clone the repository and run the following command:

npm install

Then run the following command to start the development server:

npm run dev

To build the production version, run the following command:

npm run build

Technologies Used

• Vue.js
• Vite
• TailwindCSS
• Flowbite
• Mermaid.js

License

This project is licensed under the MIT License - see the LICENSE file for details.