Haste Maps

Haste Maps lets you upload your maps and create your own GPS for RPG campaigns.

How It Works

1. Mark Intersections and Roads: Identify intersections as nodes and roads as edges.
2. Build the Map: Once your map is built, use the shortest path button to find the best routes.
3. Local Save: The last map you made will be saved locally for easy access.

Example:

You can visit the app at Haste Maps.

Motivation

While playing the Drakkenheim campaign last weekend, I felt confused deciding our path during the journey. Since I was studying graph algorithms at the time, I thought, why not combine both?

Technologies Used

This is a weekend project made using:

• Cytoscape.js
• React
• Next.js
• Tailwind CSS

The application runs on the client side and utilizes both TypeScript and JavaScript for some Cytoscape functionalities.

Getting Started

To run the project locally, execute the following command:

npm install
npm run dev

Open http://localhost:3000 in your browser to see the result.

Feel free to adjust any details or links as needed!