Moonshae

A web-based hexcrawl note-taking application for tabletop RPG campaign management. Annotate hexagonal grid cells on your campaign map with text notes, images, and custom colors.

Requirements

• Python 3
• sqlite3
• Flask

Running

python app.py

Open your browser to http://127.0.0.1:5000

Usage

1. Click on any hex in the map to select it
2. Use the editor panel on the left to add notes
3. Choose a border color using the color picker
4. Optionally add a single character label
5. Click Save to persist your changes

Project Structure

Moonshae/
├── app/
│   ├── app.py              # Flask backend server
│   ├── static/
│   │   └── map.png         # Campaign map image
│   └── templates/
│       └── index.html      # Main application interface
├── hex_data.db             # SQLite database (auto-created)
└── README.md

Customization

To use your own map:

1. Replace app/static/map.png with your map image
2. Adjust the hex grid parameters in index.html if needed:
   • hexRadius - Size of each hex
   • Image bounds in the Leaflet configuration