How to Use This Freeform Blackboard: A Step-by-Step Guide

Welcome to your ultimate free digital whiteboard and brainstorming canvas! Designed to mimic the natural feel of physical whiteboards and the flexibility of premium tablet apps, this Freeform Blackboard is perfect for sketching, mapping workflows, taking notes, and organizing your thoughts.

Below is a quick step-by-step tutorial on how to navigate, draw, write, and save your work directly in your browser.

🚀 Key Features at a Glance

• Infinite Panning & Zooming: Move around an expansive $4000 \text{px} \times 4000 \text{px}$ canvas.
• Smooth Freehand Drawing: Sketch ideas naturally using adjustable brushes.
• Resizable Sticky Notes: Keep track of information with customizable digital cards.
• Eye Strain Reduction: Default dark mode with pitch-black note backdrops to protect your eyes during late-night brainstorming sessions.
• Zero-Database Save System: Save, export, and load your whiteboards directly to and from your computer.

🛠️ How to Use the Blackboard Tools

1. Navigate and Zoom (Pan Tool)

• How to Move: Select the Hand Icon (or press the V key). Click and drag anywhere on the grid pattern to pan around the infinite blackboard.
• How to Zoom: Use your mouse scroll wheel, trackpad pinch, or the + and – zoom buttons on the right side of the toolbar to scale your view from $20\%$ up to $300\%$.

2. Sketch, Write, and Brainstorm (Pen Tool)

• Start Drawing: Click the Pen Icon (or press the D key). Your cursor will turn into a crosshair, letting you draw freehand directly onto the canvas.
• Adjust Colors & Brushes: When the Pen is active, a sub-palette will appear. Choose from multiple vibrant colors (white, yellow, green, blue, red, or dark slate) and select your preferred stroke thickness (fine, medium, or thick).

3. Clean Up Mistakes (Eraser Tool)

• Erase Drawings: Click the Eraser Icon (or press the E key). Drag your cursor over any sketched lines to cleanly erase them.
• Note: The eraser only affects your hand-drawn sketches, keeping your text notes safe!

4. Create and Customize Resizable Sticky Notes

• Add a Note: Click the blue + Note button. A new card will appear instantly in the center of your screen.
• Type Content: Click inside the note and start typing. You can use standard formatting or make simple lists.
• Resize Notes: Drag the bottom-right corner of any note to freely adjust its width and height to fit your text.
• Prevent Eye Strain: Hover over a note to reveal its header bar. Click the color circles to change its background. Choose the Dark Gray or Pitch Black options for a comfortable, low-light reading experience.
• Organize and Stack: Drag notes by their top header to reposition them anywhere on the board. Clicking on a note automatically brings it to the front.

💾 How to Save and Restore Your Work (No Login Required)

Your data privacy matters! This blackboard doesn’t force you to make an account or store your data on external servers. Instead, you can save your progress locally.

• Export Your Board: When you are finished, click the Export (Download) Icon on the far right of the top toolbar. This will instantly download a secure .json file containing all of your sketches and notes to your computer.
• Import/Resume Progress: Returning to your project on a different day? Simply open this page, click the Import (Upload) Icon, select your saved file, and pick up exactly where you left off!
• Clear Board: Ready to start fresh? Click the red Trash Icon to wipe the canvas clean. (A confirmation pop-up will prevent accidental deletions).

💡 Pro Tips for Efficient Workflows

• Keyboard Shortcuts: Seamlessly switch tools on the fly:
  • V = Pan / Hand Tool
  • D = Draw / Pen Tool
  • E = Eraser Tool
• Dynamic Theme Toggle: Switch between a dark chalkboard and a clean light whiteboard using the Sun/Moon Icon next to the export settings. Your drawing pens will automatically swap colors to remain perfectly visible!