Story Mapper 🌟

An interactive, browser-based story mapping tool inspired by Obsidian.
Perfect for writers to plan, visualize, and track story nodes, connections, and plot holes.

---

Features

• ✨ Interactive Graph Canvas: Drag nodes, zoom, and pan around your story.
• 📝 Nodes: Click or double-click to expand and edit node content.
• 🔗 Curved Connections: Automatically connects nodes based on links in the body.
• 💾 Persistent Storage: Saves all stories in your browser using localStorage.
• 🌐 Multiple Stories: Each story has its own HTML page for flexibility.
• 🔗 Main Story Link: Associate a link to the main narrative for each story.

---

Usage

1. Clone or download this repository.
2. Open index.html in your browser.
3. Click ➕ New Story to create a story page.
4. On the story page:
   • Click New Node to add nodes.
   • Drag nodes to organize them visually.
   • Double-click a node to expand and edit its body.
   • Use [[Node Title]] in the body to link to other nodes.
   • Save main story link and nodes using the buttons provided.

---

Credits

• Built by TheLoneWolf for Hi-Cap creative writing course
• Inspired by Obsidian and interactive story mapping tools

---

Notes

• Works entirely in-browser; no server required.
• Make sure to use a modern browser (Chrome, Edge, Firefox).
• localStorage is used for saving, so clearing your browser cache will remove stories.