Sticky Notes Board

📝 Sticky Notes Board — User Guide

Sticky Notes Board is a browser-based digital corkboard where you can organize colorful sticky notes across multiple boards. It’s designed to be easy, customizable, and private (no account or cloud storage — everything is saved locally).

---

✅ Features Overview

• 📌 Add, move, edit, and delete sticky notes
• 🎨 Customize note colors, text colors, fonts, and board backgrounds
• 🗂 Create and manage multiple boards
• 💾 Save and load notes (per board or all boards)
• 🧹 Auto-arrange notes with a cleanup button
• 📤 Export / 📥 Import JSON files for backup or transfer

---

🚀 Getting Started

1. Open the App
   Open StickyNotesBoard.html in any modern browser (Chrome, Firefox, Edge).
2. Create Your First Note
   Click the “Add Note” button at the top to place a new sticky note.
3. Edit a Note
   Click inside the note’s textarea and start typing. Changes save automatically.
4. Move Notes
   Click and drag the note anywhere on the board.
5. Delete a Note
   Click the × button at the top-right of the note.

---

🎨 Customizing Notes

• Background Color → Click the “BG” button and pick a color.
• Text Color → Click the “Text” button and pick a text color.
• Font → Select a font from the “Font” dropdown.
• Changes apply to the next note you create. You can also change an existing note by focusing it and updating the style.

---

🗂 Managing Boards

• Click the bottom-left grid button to open the Boards Panel
• Create a new board with the “New” button
• Switch boards by clicking their names
• Rename/Delete boards with the pencil 🖉 and trash 🗑 icons
• Each board has its own notes and board style

---

🧱 Board Styles

Use the “Board” dropdown to switch between:

• No pattern
• Dots
• Lines
• Grid

This helps you visually organize your notes.

---

🧹 Organize Notes

Click the “Cleanup” button to auto-arrange all notes neatly in a grid.

---

🔐 Saving & Loading

Click the ⚙️ Settings icon to access:

• Export Active Board → Downloads a JSON file of the current board’s notes
• Import to Active Board → Replaces current board notes with a file
• Export All Boards → Backs up all boards/settings
• Import All Boards → Replaces all data (notes + boards + settings)
• Clear Active Board → Deletes all notes from current board

⚠️ All data is stored in your browser (localStorage). Clear your browser storage = lose your notes unless you exported them!

---

📁 File Types

All exports are .json files. These can only be used by this app, not opened directly.

---

🔄 Resetting or Fixing

If something breaks or acts weird:

• Try refreshing the page
• Open developer tools → localStorage → clear the stickyBoardsAppData_v3 key
• Or re-import your saved .json