WritePad: A simple P2P notetaking application powered by IPFS

The Gallery
,
1

WritePad is a notepad powered by IPFS. It uses a WYSIWYG editor (quilljs) to make it easier to create and edit your posts.

How do you use it?

  1. You will create something in the editor. You can use rich text (from say, a site like https://www.loremipzum.com/en/text-generator, which generates rich text Lorem Ipsums). Markdown will later be added.
  2. Click “Copy URL”. Simple as that. It generates a “beautiful” page for your text.

Example: https://gateway.ipfs.io/ipfs/QmTHcCXZH7akYFpzZwUByJHHd56X2VrH55t9asSgh8vN1P

Does anyone know how to make it smaller?

Notes/Tips & Tricks:

  • Did you know that there is a header in the compiled code which looks something like this:
<!-- Generated in 0.512 seconds by WritePad (https://writepad.glitch.me) | View it on GitHub at https://github.com/aboutDavid/WritePad. -->
  • This is rendered in 100% Javascript, no server-side scripting.
  • The rendered pages do not have any assets, as they are included into the page. Since there are no external stylesheets, it can easily be added.
  • The SEO/Meta tags can be implemented by putting a title (H1) tag, then below a paragraph tag.

Things to be added:

Project URL: https://writepad.glitch.me.

5 Likes
2

Looks very Web 2.0 :ok_hand:

3

I can help with SEO I guess

4

Oof, I already got it running. See the source of this page (at the very bottom)

5

Not the very SHARPEST idea.

You want to throw your meta tags straight at the beginning. Right before anything. (sometimes you have exceptions, though, for scripts)

6

mhm, I was saying I got the generator up and running.
New meta tag test:


Source of Bacom Ipsum: https://baconipsum.com/

Edit:
Bacon Ipsum stress test (May crash your browser):
https://gateway.ipfs.io/ipfs/QmQMhoypYFGeD1tjsjDoZ6mxXW2f5RRUKhfcByUTLge5Lh

2 Likes