https://github.com/andria-dev/notably
An offline-capable PWA for note taking
https://github.com/andria-dev/notably
Last synced: about 2 months ago
JSON representation
An offline-capable PWA for note taking
- Host: GitHub
- URL: https://github.com/andria-dev/notably
- Owner: andria-dev
- Created: 2019-02-13T00:03:18.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-06-17T06:56:58.000Z (about 7 years ago)
- Last Synced: 2025-06-21T08:03:09.534Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://notably.netlify.app
- Size: 3.24 MB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Notably
An offline note-taking PWA built with React.js with persisted data via the browser's IndexedDB
[](https://app.netlify.com/sites/notably/deploys)
### Tools used
- [idb-keyval](https://npm.im/idb-keyval) — an abstraction for Indexed DB that uses promises. All **saving/persistence** goes through here
- [slate.js](https://github.com/ianstormtaylor/slate) — a robust content-editable editor that allows for rich-text editing. This is used as **the main editor for the web app**. I began the project using Facebook's [draft.js](https://npm.im/draft-js), however, it is has many flaws and seems to be a dying project
- [use-dark-mode](https://npm.im/use-dark-mode) — a React hook for persisting a setting for dark mode that is initially based on `prefers-color-scheme` media query
- [redux](https://npm.im/redux) — used as state management for React. Originally, I had attempted to use React's Context API to handle state management, and it worked, but it began to cause _performance issues_
- [relative-time-format](https://npm.im/relative-time-format) — a polyfill for `Intl.RelativeTimeFormat` that is loaded dynamically when `Intl.RelativeTimeFormat` is missing. This was used to render a readable form of the time passed since the last edit