Simple, organized notes for
studying

Keep your notes clear with referential note-taking, a method to easily separate your text descriptions from your media references.

Or try it out below!

Heads up: although WingNotes is still useable at your current screen size, it's best viewed using a desktop browser instead!

Structured sections

Each note consists of draggable sections, and each section consists of a left column for descriptions, and a right column for references.

Content within each section always stay aligned. That way, your references will remain relevant with each description.

Try hovering in between sections to add a new section.

const insertCode = (code) => {
  console.log('All of your code examples go here, like this!', code);
};

Markdown-ready

WingNotes is equipped with markdown support. For example, a few features you can use are:

Headers (#)
Bullet points (*)
Ordered lists (1.)
Code blocks (```)

Or check out the cheatsheet image on the right to see what you can do!

And if typing markdown isn't your thing, you can also highlight texts to change their styles!

Embedded media

WingNotes currently supports a few embedded media types, including:

Videos, ex. from Youtube
Uploadable images

Currently, to use these features, you must first type an arbitrary character, highlight it, and select the option from the pop-up toolbar (I know). This will change to something more intuitive in the future.

Responsive Layout

Although primarily designed for the desktop browser, WingNotes is (for the most part) mobile friendly. However, due to the limited screen space, the references will appear below their respective sections just like a normal note-taking app.

Exportable data

Last but not least, export your data at any time. Download all of your notes as standard markdown files!