notepadjs

This is a simple app that imitates Windows Notepad. Installable as a PWA.

Use it here: https://itamarom.github.io/notepadjs/

Installation

After opening the app, click on the "Install" button in the top menu. Look for "Install Notepad". It might be under "Cast, Save, and Share":

About

As a native Windows user who switched to macOS a few years back, one thing I never got over was the simplicity and usefulness of the old school Notepad app. This app aims to recreate that very same experience. It supports 2 modes:

1. Local FS mode: Uses a fairly modern File System Access API to allow reading and writing of local files. This API is not supported in Firefox.
2. Local storage mode: Uses the browser local storage to store the files. This mode is supported in all modern browsers.

Also worth mentioning: this is my first time using Vue, so some things might not make perfect sense. Criticism, issues and PRs are welcome.

Roadmap

• [X] Notepad-like UI
• [X] Allow Local FS operations
• [X] Installable as a PWA
• [ ] Implement font selection dialog
• [X] Implement local storage support
• [ ] Keep tab state and unsaved drafts between sessions
• [ ] Pixel perfect Notepad UI

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint