Mastering Dev Notes

Dev Notes is a blazing-fast, offline documentation tool. It uses Markdown to format text instantly. Type your raw Markdown on the left, and watch it turn into beautiful HTML on the right.

⚡ Quick Start: The Cheat Sheet

The fastest way to learn is by doing. Click the Copy Cheat Sheet button below, open your Dev Notes tool, and paste it into the left panel to see exactly how everything renders!

# Welcome to Dev Notes! 🚀
This is an `h1` heading. You use hashes to make headings.

## This is an h2
### This is an h3

---

## 📝 Basic Formatting
It is incredibly easy to make text **bold**, *italic*, or ***both***.
You can also use ~~strikethrough~~ if you need to.

## 📋 Lists
Here is an unordered list of tasks:
* Build Code Editor
* Build Data Scraper
* Build Dev Notes

Here is an ordered list:
1. Copy this text
2. Paste it in the left panel
3. Watch it render on the right!

## 💻 Code Blocks
You can write inline code like `const x = 10;` or create full, multi-line code blocks for your documentation:

```javascript
function greetUser(name) {
    console.log(`Hello, ${name}! Your offline suite is awesome.`);
}
```

## 🔗 Links and Quotes
Need to save a link? [Click here for the Markdown Guide](https://www.markdownguide.org).

> "This is a blockquote. It's great for emphasizing important notes, warnings, or quotes from documentation."

📖 Syntax Reference Guide

Element	What you type (Markdown)	What you get (HTML)
Headers	`# Big Header ## Smaller Header`	H1 H2
Emphasis	`Bold text` `Italic text`	Bold text Italic text
Lists	`- Item 1 - Item 2`	Item 1 Item 2
Links	`[Google](https://google.com)`	Google
Blockquote	`> This is important!`	This is important!

💻 Writing Code Blocks (Important!)

Since you are building a developer suite, you will frequently need to save blocks of code. To do this, you use triple backticks (the key usually above the Tab key: `).

Inline Code

For a quick variable name, wrap it in single backticks:
`const myVar = 10;` becomes const myVar = 10;

Multi-line Code Blocks

To write a full block of code, you must explicitly open and close the block.

Type three backticks followed by the language name (e.g., ```javascript or ```html).
Press Enter and paste your code.
Press Enter again and type three backticks ``` alone on the final line to close the block!

Example of a properly closed block:

```javascript
function calculateTotal(price) {
    return price * 1.2;
}
```

🛠️ Toolbar & Autosave

💾 Save .md File: Downloads your raw text exactly as you typed it. Perfect for pushing to GitHub.
📋 Copy as HTML: Copies the rendered preview. If you paste this into an email or a WordPress blog, it keeps all your bolding, lists, and code blocks perfectly formatted!
✔️ Autosave Vault: Every time you press a key, your progress is saved to your browser's offline localStorage. If you accidentally close the tab, open it again and your text will be waiting for you.