A web application that generates interactive roadmaps in the style of roadmap.sh.

• Visual roadmap creation with nodes and connections
• Interactive drag-and-drop interface
• roadmap.sh-inspired styling
• Export functionality
• Responsive design

├── backend/
│   └── index.ts             # Main Hono server
├── frontend/
│   ├── components/
│   │   ├── App.tsx          # Main React app
│   │   ├── RoadmapCanvas.tsx # Canvas for roadmap editing
│   │   ├── NodeEditor.tsx   # Node editing interface
│   │   └── Toolbar.tsx      # Toolbar with controls
│   ├── index.html           # Main HTML template
│   ├── index.tsx            # Frontend entry point
│   └── style.css            # Custom styles
├── shared/
│   └── types.ts             # Shared TypeScript types
└── README.md

1. Open the application
2. Click "Add Node" to create roadmap items
3. Drag nodes to position them
4. Connect nodes by clicking and dragging between them
5. Edit node content by double-clicking
6. Export your roadmap when complete