danielunited / flowstate

Flowstate is a modern, intuitive note-taking app

Flowstate

Flowstate is a modern, intuitive note-taking app

• 🎨 Markdown-based (same syntax as Notion)
• 🔒 Fully self-hosted. Take full ownership over your notes!
• 💾 Notes are automatically saved to your browser's local storage without the use of cookies
• 🌐 You can also integrate Flowstate with MongoDB to save notes & generate a public URL for them
• 🧠 "Focus mode" helps you enter a state of flow and write without distractions

How to publish & share your notes

You can connect Flowstate with your MongoDB database to publish your notes and share them with a URL. All you need is an environment variable called MONGO_CONNECTION_URL with the following connection string: mongodb+srv://<your-username>:<your-password>@<your-cluster>.mongodb.net/<your-database>?retryWrites=true&w=majority

flowstate's Issues

Add emojis on :

:100 should display 💯

Sync note across devices (Premium feature)

• We add a property for notes that includes their creator (randomly generated ID), and let the user enter 8 words associated to it.
• Notes are synced in an anonymous, encrypted fashion and can even be restored (as long as you have those 8 words).

Flowstate / Focus mode

Background

• Flowstate is an incredibly dangerous — yet effective — tool to silence distractions, overcome self-criticism, and get rid of writer's block. Here's how it works:
• Choose how long you want to write (5, 15, 30 min), then enter a flow session. If you exit early, or stop typing for longer than five seconds, all progress is lost. The only way to save your work is by writing until the timer ends.
• "Flow, then react."

Technical stuff & How it works

• When clicking Focus button the user is redirected to a /flow page
• A popup explaining what Flowstate appears (already developed)
• User sets a timer for how long to focus (7/15/30min)
• Local storage is built into Flowstate. Check out editor-flowstate
• User stops writing for 1 second, dim the text's opacity. At 8 seconds, opacity is 0% and at 9 the text resets.
• If the user has successfully run out of time, he sees a success popup with an option to download what he wrote to a Word document.

Dark mode

https://flowstate-editor.netlify.app/?path=/story/editor--dark

Existing notes autosave, even when not clicking "Save"

Save notes

• When pressing the “Save” button on the homepage, the note is saved and retrieved from a document-oriented database (e.g. MongoDB)
• URL format can be: flowstate.co.il/note/0d1d7fc32
• The note is viewed to anyone with the URL (readOnly), but only the original owner can edit the note.
• The original creator of the host can have a key for notesCreated and interact with the server in encrypted fashion (e.g. private/public keys)
• For more documentation on readOnly permissions and localStorage mechanism: https://github.com/outline/rich-markdown-editor & https://flowstate-editor.netlify.app/?path=/story/editor--flowstate

Add className to <Link>

Hide buttons on existing note

Hide those buttons on an existing note

When clicking "Save" on an existing note, there needs to be a toast message

Clicking "Go to note" doesn't clear content

Only clicking the button clears content