Getting Started

DevNotz is a cloud note app built for developers. Notes are written in GitHub-flavoured Markdown, rendered in real-time in the preview pane. Your work is saved automatically as you type.

Creating your first note Step by step

Sign up or log in — Create a free account at devnotz.com/login.
Click + New Note in the sidebar. A blank note opens in the editor.
Give it a title — click the large title field and type a name.
Start writing — the left pane is your editor, the right pane shows the live preview.
Auto-save — your note saves automatically after 1.5 seconds of inactivity. The status bar shows "Saved".

Tip: Use CtrlS to force-save immediately instead of waiting for auto-save.

GitHub-Style Markdown

DevNotz supports full GitHub Flavoured Markdown (GFM). Here are the most useful formatting patterns with live examples.

Text formatting Inline

Markdown

**bold text**
*italic text*
~~strikethrough~~
`inline code`
[link text](https://url.com)
![alt text](image.jpg)

Rendered

bold text

italic text

~~strikethrough~~

inline code

link text

Headings Block

Markdown

# H1 — Page Title
## H2 — Section
### H3 — Subsection
#### H4 — Detail

Rendered

H1 — Page Title

H2 — Section

H3 — Subsection

H4 — Detail

Lists & Task Lists Block

Markdown

- Unordered item
- Another item
  - Nested item

1. Ordered item
2. Second item

- [x] Completed task
- [ ] Pending task
- [ ] Another task

Rendered

Unordered item
Another item
- Nested item

Ordered item
Second item

✅ Completed task
☐ Pending task
☐ Another task

Tables Block

Markdown

| Endpoint  | Method | Auth |
|-----------|--------|------|
| /api/notes | GET   | ✓    |
| /api/notes | POST  | ✓    |
| /api/auth  | POST  | ✗    |

Rendered

Endpoint	Method	Auth
/api/notes	GET	✓
/api/notes	POST	✓
/api/auth	POST	✗

Blockquotes & Dividers Block

Markdown

> Important note or warning.
> Can span multiple lines.

---

> **Note:** Nested **bold** inside
> a blockquote works too.

Rendered

Important note or warning. Can span multiple lines.

Note: Nested bold inside a blockquote works too.

Code Blocks & Syntax Highlighting

DevNotz automatically applies syntax highlighting for 180+ languages using highlight.js. Just specify the language after the opening triple backticks.

Fenced code block Syntax highlighting

Markdown

```javascript
const fetchNotes = async () => {
  const res = await fetch('/api/v1/notes', {
    headers: { Authorization: `Bearer ${token}` }
  });
  return res.json();
};
```

Rendered

const fetchNotes = async () => {
  const res = await fetch('/api/v1/notes', {
    headers: { Authorization: `Bearer ${token}` }
  });
  return res.json();
};

Supported languages include: javascript, typescript, python, bash, sql, css, html, json, yaml, go, rust, java, cpp, and 170+ more. The language hint is case-insensitive.

Common language hints

```js ```ts ```python ```bash ```sql ```json ```yaml ```dockerfile ```go ```rust ```http ```nginx

Using Tags

Tags help you organise notes into categories. Each note can have multiple tags. Tags are always lowercase and up to 30 characters.

Adding tags to a note

Open a note in the editor.
Click the tag input field (below the title, shows "Add tag…").
Type a tag name and press Enter or , to add it.
Existing tags auto-complete as you type — select a suggestion to reuse it.
Click the × next to a tag to remove it.

Filtering by tag

The sidebar shows all your tags. Click any tag name to filter the note list. Click All Notes to remove the filter and see everything again. You can combine tag filtering with the search bar.

Suggested tag names for dev notes: backend, frontend, sql, devops, bug, idea, todo, reference, snippet

Searching Notes

The search bar at the top of the sidebar performs real-time full-text search across all your note titles, content, and tags.

Search tips

Type in the search box — results filter instantly without pressing Enter.
Search matches note titles, body content, and tags.
Search is case-insensitive: searching API also finds api.
Clear the search box to return to the full list.
You can search while a tag filter is active — both filters apply simultaneously.

Keyboard Shortcuts

DevNotz is keyboard-first. All common formatting operations have shortcuts so you never need to leave the editor.

Bold

CtrlB

Italic

CtrlI

Insert link

CtrlK

Inline code

Ctrl`

Save note

CtrlS

Cycle view mode

CtrlShiftP

Add tag

Enter or ,

Remove last tag

Backspace

Mac users: use ⌘ instead of Ctrl for all shortcuts.

Account Management

Your DevNotz account is free forever. Here's how to manage it.

Account actions

Log in: Go to /login.html, enter your email and password.
Register: Click the "Sign Up" tab on the login page. Choose a username, enter your email and a password (minimum 8 characters).
Forgot password: Click "Forgot password?" on the login page, enter your email, and we'll send a reset link via email (valid for 1 hour).
Log out: Click your avatar in the top-right corner of the app and select "Log Out".