Developer notes

Login with Google

Developer note taking application

Welcome to this notes application, you can add notes in Markdown format and filter them in a few different ways.

Login to try it out!

Screenshot

Screenshot of application

Filtering and search

Search

At the top bar you can search, any notes or titles containing the text will be shown for the 4 months currently selected.

Clear

The clear button will clear the current search and the current calendar selection if any.

Filtering

All, Todo or Done

At the top you can select All, Todo or Done notes. Clicking the checkbox next to a note title will mark it as done. This is just to hide old notes from the view.

Calendar

In the calendar on the left (not visible on small screens) you can select a date and only the notes on that date will be shown. Click it again to see all notes again.

Markdown support

The notes can be formatted using Markdown syntax, after login this welcome page will be added as your first note so you can view the source.

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Horizontal line


Formatting

Text can be formatted with bold, italic, bold and italic, strikethrough, and code.

Escape

Markdown supports escaping characters with a backslash \, for example to display a literal asterisk *.

Lists

  • Bullet point 1
  • Bullet point 2
  • Bullet point 3
  • Bullet point 4

Lists, alternative syntax

  • Bullet point 1
  • Bullet point 2
  • Bullet point 3
  • Bullet point 4

Lists with checkboxes (directly clickable)

  • Checkbox 1
  • Checkbox 2
  • Checkbox 3

Ordered list

  1. Item 1. Long notes can span multiple lines in edit mode. 2. Item 2 3. Item 3

Ordered list alternate syntax

  1. Item 1
  2. Item 2
  3. Item 2 - 1
  4. Item 2 - 2
  5. Item 2 - 3
  6. Item 3

Or

  1. Item 1
  2. Item 2
  3. Item 3

Code blocks

You can create code blocks by indenting lines with two (or more) spaces or inline using the backtick character `.

Some code Block code

Also code blocks are supported:

// java code
public class Example {
    public static void main(String[] args) {
        System.out.println("Hello, World!");
    }
}

Images and documents

Image and documents can be dragged and dropped directly into the note. An image or link will be added to the note.

Mermaid graph support

Mermaid graphs are supported. For example:

  graph TD
    A[Start] --> B{Decision};
    B -- Yes --> C[Continue];
    B -- No --> D[End];

Tables

Tables are supported in github flavoured Markdown format.

Header 1 Header 2
Row 1, Cell 1 Row 1, Cell 2
Row 2, Cell 1 Row 2, Cell 2
Row 3 etc

Tables csv syntax

Or in a csv format within a code block.

Header 1 Header 2
Row 1, Cell 1 Row 1, Cell 2
Row 2, Cell 1 Row 2, Cell 2
Row 3 etc
2026-01-29 10:58