Darkboard

Darkboard is a lightweight virtual whiteboard built for fast visual planning. It gives you a simple board where you can draw, write, place sticky notes, switch between light and dark mode, and keep your work saved between sessions.

The goal is simple: open the board, think clearly, move ideas around, lock it when needed, and come back later without losing your setup.

Features

• Virtual whiteboard canvas for freehand marker drawing and quick visual planning
• Sticky notes for ideas, reminders, tasks, labels, and rough project mapping
• Multiple note colors so you can separate priorities, categories, or moods
• Light mode and dark mode for daytime work or late-night planning
• Autosave / persistence so notes and marker drawings stay after closing the app
• Password lock screen to cover the board when you want privacy
• Single-file HTML design for easy hosting and simple sharing
• Desktop and mobile-friendly layout with iPad use in mind
• No account system required for local use
• Productivity-first interface designed to stay simple instead of becoming cluttered

What It Is Good For

Darkboard works best for:

• Brainstorming ideas
• Planning small projects
• Making task boards
• Mapping app or game ideas
• Keeping quick notes visible
• Sketching rough layouts
• Organizing thoughts visually
• Turning scattered ideas into a simple board

Project Status

Darkboard is currently an early single-file web app. It is usable as a basic productivity whiteboard, but it is still being refined for smoother mobile and iPad behavior.

Planned improvements include:

• Better touch and stylus support
• Cleaner mobile controls
• More reliable iPad Safari behavior
• Export/import board data
• More sticky note styles
• Better board locking behavior
• Optional grid, snap, and alignment tools
• Better marker tools and eraser behavior

How to Use

1. Open the whiteboard_single.html file in a browser.
2. Add sticky notes to the board.
3. Use marker tools to draw or write.
4. Switch between light and dark mode as needed.
5. Lock the board when you want privacy.
6. Reopen the app later and your board should still be there if local browser storage is available.

Hosting on GitHub Pages

To make Darkboard easier to open on iPad or phone, host it with GitHub Pages:

1. Upload the HTML file to this repository.
2. Rename the main HTML file to index.html if you want it to open as the default page.
3. Go to Settings → Pages.
4. Set the source to the main branch.
5. Save the setting.
6. Open the GitHub Pages link once it finishes deploying.

Recommended File Name

For the cleanest GitHub Pages setup, use:

index.html

If the file is named whiteboard_single.html, it can still work, but the link will usually need to include the full filename.

Privacy Note

Darkboard is designed as a lightweight local-first tool. Board data is intended to be saved in the browser using local storage, not sent to a server by default. Clearing browser data may erase saved boards.

Tech Stack

• HTML
• CSS
• JavaScript
• Browser local storage

Vision

Darkboard is meant to feel like a practical digital desk: simple, fast, private, and useful. Not a bloated productivity suite. Just a clean board where ideas can land, move, and grow.