GithubHelp home page GithubHelp logo

amitmerchant1990 / notepad Goto Github PK

View Code? Open in Web Editor NEW
209.0 12.0 60.0 1.16 MB

:ledger: An offline capable Notepad PWA

Home Page: https://notepad.js.org

License: MIT License

HTML 46.36% JavaScript 37.15% CSS 16.49%
progressive-web-app notepad service-worker js webapp offline-first offline-capable hacktoberfest installable javascript

notepad's Introduction

Notepad

Notepad Cover Image

This is an offline-capable Notepad which uses the 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.

Notable features

  • Writes notes which are then saved to the 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.

View the app in action

Read about the story of how I built it.

Note Please use the Discussions tab to submit new feature requests. Don't raise issues for the same.

License

MIT


amitmerchant.com  ·  GitHub @amitmerchant1990  ·  Twitter @amit_merchant

notepad's People

Contributors

amitmerchant1990 avatar hsbalar avatar matthewfrost avatar pedrohenriquebr avatar rdimaio avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

notepad's Issues

Share note

Hi,

Would it be possible to share a note without requiring server storage? I was thinking about passing the note contents in the url such that it can be loaded into the javascript. Is this already a feature or would it be easy to implement?

Best regards,

[UPDATE README] PWA windows/chrome

Hi,
In first I want to thank you for this app, it's usefull !
Maybe you can change the readme because your application can now be use in chrome browser with the latest release 70.
I test it on w10/chrome it's works perfectly like on Android.
Regards,

UI/UX Improvement

Hiii sir/mam,
I want to contribute to this project. I feel like making some UI/UX Improvement may lead to better user experience.
I know few technologies which will helpful for this project. I am accepting from you to assign this issue to me and I am completely new to open source Contribution so its my first time.

Thank you.

PWA Icon on iOS Missing

Congrats on this great app!

I added it on my homescreen using Safari iOS on my iPhone, it shows the webpage screenshot as an app icon.

You should have an "apple-touch-icon.png" (196x196px or 180x180px) in order to get it working properly.

Cheers.

Request to add word and character count

Hello, i work in a social media agency, and content writing, i make alot of use of a notepad that is usable on my browser, i wish https://notepad.js.org can have a word and character counter, so it helps me when writing content for limited text boxes like twitter, or when i have a certain amount of words i want to reach.
Thanks

Add Plugin Support

Add the ability to add/remove plugins like voice recognition, chatgpt interface, github interface, and etc. that can be configured to be loaded only if used.

Red button isn't the destructive action in delete dialog

image

Red buttons are normally reserved for destructive actions. That makes this confusing, and potentially someone could lose data because of this. Imagine someone accidentally clicks the trash button, reads the question, says no no no, and quickly clicks the not-red button.

Also, the "Yes, delete it!" doesn't match the question, which asks about a plural noun, and the "Yes" and "it" just add noise that make it less scan-able, i.e. less likely someone's going to actually read the button. So I would recommend saying just "Delete"

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.