DEV Community

Cover image for I Built a Free Minimal Online Notepad in PHP — Here's What I Learned
Ali Raza
Ali Raza

Posted on

I Built a Free Minimal Online Notepad in PHP — Here's What I Learned

Most note-taking apps have become too complicated.

Notion, Evernote, Google Keep — powerful tools, but when you
just need to capture a thought quickly, they get in the way.
Folders, templates, loading screens — by the time you're ready
to write, the thought is already gone.

So I built QuickNotepad — a free minimal online notepad built
with PHP and MySQL.

What I built

QuickNotepad is a distraction-free
online notepad that:

  • Opens instantly — no install, no sign-up required
  • Auto-saves to browser locally without an account
  • Syncs to cloud via PHP sessions and MySQL when signed in
  • Works on all devices — desktop, tablet, mobile
  • Completely free, forever

The tech stack

  • Frontend: Vanilla HTML, CSS, JavaScript — no frameworks
  • Backend: PHP 8 with PDO for database queries
  • Database: MySQL via phpMyAdmin
  • Auth: PHP sessions with password_hash/password_verify
  • Hosting: Shared hosting with cPanel

I deliberately chose no frameworks. The entire app is one
index.php file for the frontend and three API files for the
backend. Keeping it simple made debugging faster and deployment
trivial — just FTP the files and it works.

What I learned

1. Vanilla JS is underrated
No React, no Vue, no build step. Just clean JavaScript that
runs anywhere. The app loads in under a second because there
is nothing to bundle or compile.

2. Auto-save UX matters more than features
The single most important UX decision was removing the save
button entirely. Notes save 2 seconds after you stop typing.
Users never think about saving — they just write. This one
change made the app feel completely different.

3. PHP sessions are still great for simple auth
I considered JWTs, Supabase, and Firebase. In the end
PHP sessions with password_hash() did everything I needed
in about 50 lines of code. Sometimes boring is better.

4. SEO from day one
I added schema markup, a dynamic sitemap, and a blog from
the start. Getting indexed by Google on a new domain takes
time — starting SEO early is always worth it.

What's next

  • Google AdSense integration for monetization
  • Rich text editor
  • Note sharing via public links
  • Mobile app

Try it at quicknotepad.us
no sign-up needed, just open and write.

Would love feedback from the dev community — what would
you add or change?

Top comments (1)

Collapse
 
anderix profile image
David M. Anderson

Awesome! I completely agree that vanilla JavaScript is underrated.