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: 3 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.

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

## Notable features

- Lets you **write notes in plain text** which are autosaved [locally](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage).
- [Installable](https://www.amitmerchant.com/adding-custom-install-button-in-progressive-web-apps/) on supported browsers for offline usage.
- **"Add To Home Screen"** feature on Android supported devices to launch the app from home screen.
- Editor padding.
- Font settings.
- Supports **monospaced** and **dyslexic fonts**.
- 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](https://www.amitmerchant.com/implementing-interactive-floating-windows-using-picture-in-picture-api/) to effectively take notes on top of 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**.
- Ability to play ambient noise—**coffee shop**, **rain**, **fireside**, etc.—to help you focus.

## Mini tools

![Notepad Mini Tools](/art/minitools.jpeg)

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/)
- [Voice Notes](https://notepad.js.org/voice-notes/)
- [Simple Kanban](https://notepad.js.org/kanban/)
- [Case Converter](https://notepad.js.org/case-converter/)
- [Tabbypad](https://notepad.js.org/tabbypad/)
- [Tasks](https://notepad.js.org/tasks/)

## Donate

Like this app? If so, consider donating a small amount. It would help me maintaining this project further.

You can support the development via [Paypal](https://paypal.me/AmitMerchant) or [Buy Me a Coffee](https://buymeacoffee.com/amitmerchant).

## Feedback

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

## Fun

Listen to all about the Notepad in [form](https://www.gitpodcast.com/) of a fun podcast: [Notepad in a Podcast](https://notepad.js.org/podcast/notepad-podcast.mp3)

## License

MIT

---

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