The latest articles on DEV Community by Ali Raza (@ali_raza_3c6b980626b17f8a). https://dev.to/ali_raza_3c6b980626b17f8a https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4085215%2Fd478e28c-001d-46e5-9cb4-7a251d875f6e.png https://dev.to/ali_raza_3c6b980626b17f8a en Ali Raza Wed, 19 Aug 2026 14:51:14 +0000 https://dev.to/ali_raza_3c6b980626b17f8a/i-built-a-free-minimal-online-notepad-in-php-heres-what-i-learned-78m https://dev.to/ali_raza_3c6b980626b17f8a/i-built-a-free-minimal-online-notepad-in-php-heres-what-i-learned-78m <p>Most note-taking apps have become too complicated.</p> <p>Notion, Evernote, Google Keep — powerful tools, but when you <br> just need to capture a thought quickly, they get in the way. <br> Folders, templates, loading screens — by the time you're ready <br> to write, the thought is already gone.</p> <p>So I built QuickNotepad — a free minimal online notepad built <br> with PHP and MySQL.</p> <h2> What I built </h2> <p><a href="https://quicknotepad.us" rel="noopener noreferrer">QuickNotepad</a> is a distraction-free <br> online notepad that:</p> <ul> <li>Opens instantly — no install, no sign-up required</li> <li>Auto-saves to browser locally without an account</li> <li>Syncs to cloud via PHP sessions and MySQL when signed in</li> <li>Works on all devices — desktop, tablet, mobile</li> <li>Completely free, forever</li> </ul> <h2> The tech stack </h2> <ul> <li> <strong>Frontend:</strong> Vanilla HTML, CSS, JavaScript — no frameworks</li> <li> <strong>Backend:</strong> PHP 8 with PDO for database queries</li> <li> <strong>Database:</strong> MySQL via phpMyAdmin</li> <li> <strong>Auth:</strong> PHP sessions with password_hash/password_verify</li> <li> <strong>Hosting:</strong> Shared hosting with cPanel</li> </ul> <p>I deliberately chose no frameworks. The entire app is one <br> index.php file for the frontend and three API files for the <br> backend. Keeping it simple made debugging faster and deployment <br> trivial — just FTP the files and it works.</p> <h2> What I learned </h2> <p><strong>1. Vanilla JS is underrated</strong><br> No React, no Vue, no build step. Just clean JavaScript that <br> runs anywhere. The app loads in under a second because there <br> is nothing to bundle or compile.</p> <p><strong>2. Auto-save UX matters more than features</strong><br> The single most important UX decision was removing the save <br> button entirely. Notes save 2 seconds after you stop typing. <br> Users never think about saving — they just write. This one <br> change made the app feel completely different.</p> <p><strong>3. PHP sessions are still great for simple auth</strong><br> I considered JWTs, Supabase, and Firebase. In the end <br> PHP sessions with password_hash() did everything I needed <br> in about 50 lines of code. Sometimes boring is better.</p> <p><strong>4. SEO from day one</strong><br> I added schema markup, a dynamic sitemap, and a blog from <br> the start. Getting indexed by Google on a new domain takes <br> time — starting SEO early is always worth it.</p> <h2> What's next </h2> <ul> <li>Google AdSense integration for monetization</li> <li>Rich text editor</li> <li>Note sharing via public links</li> <li>Mobile app</li> </ul> <p>Try it at <a href="https://quicknotepad.us" rel="noopener noreferrer">quicknotepad.us</a> — <br> no sign-up needed, just open and write.</p> <p>Would love feedback from the dev community — what would <br> you add or change?</p> productivity webdev php beginners