Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/amitmerchant1990/notepad

:ledger: An offline capable Notepad PWA
https://github.com/amitmerchant1990/notepad

hacktoberfest installable javascript js notepad offline-capable offline-first progressive-web-app pwa pwa-apps service-worker webapp

Last synced: 2 days ago
JSON representation

:ledger: An offline capable Notepad PWA

Awesome Lists containing this project

README

        

Notepad
========

[![Notepad Cover Image](/art/cover.png)](https://notepad.js.org/)

This is an offline-capable [Notepad](https://notepad.js.org/) which uses the [Service Worker API](https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API) behind the scenes.

> Like this app? If so, consider donating a small amount. It would help me maintaining this project further.
>
> You can support me via [Paypal](https://paypal.me/AmitMerchant) or [Buy me a coffee](https://buymeacoffee.com/amitmerchant).

## Notable features

- Writes notes which are then saved to the [localStorage](https://developer.mozilla.org/en/docs/Web/API/Window/localStorage).
- Installable on supported browsers for offline usage.
- "Add To Home Screen" feature on Android supported devices to launch the app from home screen.
- Editor padding.
- Customizable font size, font weight, and line height.
- Word and character count.
- Minimal UI.
- Keyboard shortcuts for common actions.
- Dark mode.
- Focus mode (on desktop).
- Optimal line length for better reading experience.
- Floating window to effectively take notes across other apps (in [supported browsers](https://developer.mozilla.org/en-US/docs/Web/API/Document_Picture-in-Picture_API))
- Download notes as plain text or PDF.

[View the app in action](https://twitter.com/amit_merchant/status/756876111959601152)

Read about the [story of how I built it](https://www.amitmerchant.com/Building-Simple-Offline-Notepad-Using-Service-Worker/).

## Subtools

I recently added a bunch of tools that I thought might go along with the regular Notepad — making notepad.js.org a one-stop shop for all the note-taking related needs a step closer.

- [Rich Text Notes](https://notepad.js.org/rich-text-notes/)
- [Markdown Editor](https://notepad.js.org/markdown-editor/)
- [Pomodoro Timer](https://notepad.js.org/pomodoro-timer/)
- [Tasks](https://notepad.js.org/tasks/)

> [!IMPORTANT]
> Please use the [Discussions](https://github.com/amitmerchant1990/notepad/discussions) tab to submit new feature requests. Don't raise issues for the same.

## License

MIT

---

> [amitmerchant.com](https://www.amitmerchant.com)  · 
> GitHub [@amitmerchant1990](https://github.com/amitmerchant1990)  · 
> Twitter [@amit_merchant](https://twitter.com/amit_merchant)