Framenote: minimal, distraction-free writing app

Framenote is minimal, distraction-free writing app.

You can try it HERE

Motivation

If you writing something in an editor like Google docs or Dropbox Paper it just limited for editing just one document per browser tab.

Framenote can edit two or more documents and folders within one tab.

Features

• Distraction free, clean text editor
• Folders/files
• Autosave with localStorage
• Offline ready / Progressive web apps / Add to home screen (on mobile)

---

There is three section in Framenote

1. Folder list
2. File list: List of files of selected folder
3. File editor: the text editor

So basically it's just a text editor.

Development

Framenote uses vue js with vuex as state management, and vue router for routing.
Using vuepack as a starter kit.

Here is my folder structure

You can see framenote not using so many components.
And the store (vuex) only containing two models. which is files and folders.

Persisted state

In framenote, when you close browser/tab, your document still persist in localStorage. I'm doing this with vuex plugin, vuex-persistedstate.

Future

i want to add decentralized database as framenote database. Maybe with IPFS. And also implementing login system will be awesome.

Contributing

Github: https://github.com/damaera/framenote

You can fork the project, and install it locally. Then use this styleguide for contributing. https://github.com/airbnb/javascript

---

Posted on Utopian.io - Rewarding Open Source Contributors

---