Our great sponsors
-
slate
A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)
-
localForage
💾 Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage using a simple but powerful API.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
PrivaNote is a Next.js application with TailwindCSS to make it look pretty. The editor is a reasonably customised Slate instance. Setting up these components to play nicely is a breeze thanks to modern tooling.
After scaffolding our application we needed to ensure it's offline first. That means we should be able to use it without an internet connection and without Portabella. For this we leveraged the localForage library. It tries to use IndexedDB and then falls back to LocalStorage if the browser doesn't have it.
PrivaNote is open source so please take a look at the source code if anything is unclear. We've also released a Chrome extension and a Firefox addon to help you take notes as seamlessly as possible.
We took a lot of inspiration for our editor from one of the examples the slate-plugins library provides.