The latest articles on DEV Community by Ch Talha (@ch_talha_bcc24881ff0c0598). https://dev.to/ch_talha_bcc24881ff0c0598 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%2F3989236%2F87e62486-7883-4bb3-a748-8f6f2aa81bec.png https://dev.to/ch_talha_bcc24881ff0c0598 en Ch Talha Wed, 17 Jun 2026 13:54:25 +0000 https://dev.to/ch_talha_bcc24881ff0c0598/how-i-built-a-free-ship-name-generator-tool-5end https://dev.to/ch_talha_bcc24881ff0c0598/how-i-built-a-free-ship-name-generator-tool-5end <p>I spent weeks building a free ship name generator and learned a lot along <br> the way. Here's my honest breakdown of what worked, what didn't, and what <br> I'd do differently.</p> <h2> Why I Built It </h2> <p>Ship names (like "Traylor" for Taylor Swift + Travis Kelce) are everywhere <br> — couples use them, K-pop fandoms use them, anime communities use them. <br> But most existing tools were either too basic, ugly, or full of ads.</p> <p>I wanted to build something clean, fast, and actually useful.</p> <h2> The Core Challenge — Name Blending Algorithm </h2> <p>The hardest part wasn't the UI. It was making the name blending feel <br> <em>natural</em>.</p> <p>Bad example: Emma + Jack = Emck (ugly, hard to say)<br> Good example: Emma + Jack = Emmack (preserves both names)</p> <p>I ended up building 6 different blending styles:</p> <ul> <li> <strong>Cute</strong> — soft vowel sounds, diminutive endings (-ie, -y)</li> <li> <strong>Romantic</strong> — smooth transitions, liquid consonants</li> <li> <strong>Playful</strong> — casual suffixes (-z, -ster)</li> <li> <strong>Elegant</strong> — formal, balanced syllables</li> <li> <strong>Funny</strong> — comedic suffixes (-zilla, -inator)</li> <li> <strong>Fandom</strong> — K-pop style syllables, classic portmanteaus</li> </ul> <p>Each style produces completely different results from the same two names.</p> <h2> SEO From Day One </h2> <p>I made a mistake on my first tool site — I ignored SEO completely and <br> wondered why no traffic came.</p> <p>This time I did it right from the start:</p> <ul> <li>JSON-LD Schema markup (WebApplication + FAQ)</li> <li>Proper canonical URLs</li> <li>Meta descriptions under 155 characters</li> <li>Sitemap submitted to Google Search Console</li> <li>Blog content targeting long-tail keywords</li> </ul> <h2> Tech Stack I Used </h2> <p>Nothing fancy:</p> <ul> <li>Plain HTML + CSS + JavaScript (no framework)</li> <li>No backend needed — all client-side</li> <li>Hosted on shared hosting</li> <li>Custom .htaccess for clean URLs</li> </ul> <p>Keeping it simple meant faster load times and easier maintenance.</p> <h2> Features Users Actually Love </h2> <p>After launching, I noticed certain features got the most engagement:</p> <ol> <li> <strong>Live preview</strong> — results update as you type</li> <li> <strong>Save favorites</strong> — users can bookmark their favorite combinations</li> <li> <strong>Shareable cards</strong> — download a PNG card to share on social media</li> <li> <strong>Multiple styles</strong> — users try all 6 styles before picking one</li> </ol> <h2> What I'd Do Differently </h2> <ul> <li>Add more languages from day one (Korean and Spanish have huge ship name communities)</li> <li>Build the blog section before launching (not after)</li> <li>Set up Google Search Console on day one</li> </ul> <h2> Try It Yourself </h2> <p>If you want to generate ship names for your OTP, celebrity crush, or <br> real-life couple:</p> <p>👉 (<a href="https://shipname-generator.com)*" rel="noopener noreferrer">https://shipname-generator.com)*</a></p> <p>It's completely free, no signup needed, instant results.</p> <p>Would love to hear what ship names you generate! Drop them in the comments.</p> algorithms showdev sideprojects webdev