The latest articles on DEV Community by dayu2333-jinyul (@dayu2333jinyul). https://dev.to/dayu2333jinyul https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3960002%2F4230bb32-ba19-407d-a9d5-3e9729f10a2b.png https://dev.to/dayu2333jinyul en dayu2333-jinyul Sat, 30 May 2026 13:34:42 +0000 https://dev.to/dayu2333jinyul/i-built-4-free-financial-calculators-compound-interest-loans-budget-more-1f1n https://dev.to/dayu2333jinyul/i-built-4-free-financial-calculators-compound-interest-loans-budget-more-1f1n <h1> I Built 4 Free Financial Calculators </h1> <p>Most finance calculators are wrapped in "lead gen" forms — enter your email to see results. Or they show the answer then hide it behind a paywall.</p> <p>I built <strong><a href="https://financalcai.com" rel="noopener noreferrer">financalcai.com</a></strong> — four calculators, zero signups.</p> <h2> The Calculators </h2> <ul> <li> <strong>Compound Interest</strong> — visualize how your money grows over time</li> <li> <strong>Loan Payment</strong> — see monthly payments and total interest</li> <li> <strong>Budget Planner</strong> — 50/30/20 rule with income breakdown</li> <li> <strong>Salary vs Inflation</strong> — what your salary is really worth</li> </ul> <h2> 22 Finance Guides </h2> <p>Each calculator has companion guides covering dollar-cost averaging, FIRE movement basics, side hustle taxes, salary negotiation, and budgeting 101.</p> <h2> Tech </h2> <p>Vanilla JS, client-side calculations (no data sent anywhere), Cloudflare Pages hosting. Under 150KB total.</p> <p>Check it out: <strong><a href="https://financalcai.com" rel="noopener noreferrer">financalcai.com</a></strong></p> webdev javascript showdev programming dayu2333-jinyul Sat, 30 May 2026 13:34:40 +0000 https://dev.to/dayu2333jinyul/building-a-free-ai-logo-generator-that-exports-svg-42n https://dev.to/dayu2333jinyul/building-a-free-ai-logo-generator-that-exports-svg-42n <h1> Building a Free AI Logo Generator That Exports SVG </h1> <p>Most "free" logo makers are free only until you want to download. Then it's $9.99/month or a one-time $49. SVG export? That's the premium tier.</p> <p>I built <strong><a href="https://aielogo.com" rel="noopener noreferrer">aielogo.com</a></strong> to fix this.</p> <h2> What It Does </h2> <ul> <li>Generate logo concepts from text descriptions</li> <li>Export as <strong>SVG</strong> (vector, scalable, no quality loss)</li> <li>Export as <strong>PNG</strong> (for quick previews)</li> <li>Customize colors, fonts, and layouts</li> <li>No watermarks, no account required</li> </ul> <h2> Tech Behind It </h2> <p>Frontend is vanilla JS + SVG manipulation. The logo rendering happens client-side — your design never hits a server. Generated SVGs are clean, editable in any vector editor (Illustrator, Figma, Inkscape).</p> <h2> 22 Design Guides Included </h2> <p>I also wrote guides covering SVG logo best practices, color theory, typography, logo formats (SVG vs PNG vs EPS), and how to choose a logo style for your brand.</p> <p>Try it: <strong><a href="https://aielogo.com" rel="noopener noreferrer">aielogo.com</a></strong></p> webdev design javascript showdev dayu2333-jinyul Sat, 30 May 2026 13:29:15 +0000 https://dev.to/dayu2333jinyul/i-made-a-free-ai-grammar-checker-no-signup-no-limits-1gfc https://dev.to/dayu2333jinyul/i-made-a-free-ai-grammar-checker-no-signup-no-limits-1gfc <h1> I Made a Free AI Grammar Checker </h1> <p>Grammarly, ProWritingAid, Hemingway — great tools, but they all push you toward paid plans. I wanted something dead simple: paste text, get corrections, no signup.</p> <p>So I built <strong><a href="https://grammaraicheck.com" rel="noopener noreferrer">grammaraicheck.com</a></strong>.</p> <h2> Features </h2> <ul> <li> <strong>Grammar &amp; spell check</strong> — catches the usual suspects (their/there/they're, who/whom, affect/effect)</li> <li> <strong>Style suggestions</strong> — flags passive voice, wordy sentences, weak adverbs</li> <li> <strong>Text history</strong> — saves last 10 checks in localStorage, no account needed</li> <li> <strong>24 writing guides</strong> — covers English word order, Flesch reading score, commonly confused words, and more</li> </ul> <h2> How It Works </h2> <ol> <li>Paste or type your text</li> <li>Click "Check"</li> <li>Get inline corrections and suggestions</li> <li>Copy the fixed version</li> </ol> <p>The AI backend handles grammar detection. The frontend is vanilla JS under 100KB.</p> <h2> Tech Choices </h2> <ul> <li> <strong>Static HTML</strong> — no framework overhead</li> <li> <strong>localStorage</strong> for history (private by default — nothing leaves your browser until you click "Check")</li> <li> <strong>Cloudflare Pages</strong> for hosting</li> </ul> <h2> Why Another Grammar Tool? </h2> <p>Most free grammar checkers have a 500-word limit or require an account. I wanted something I could share with friends without saying "you'll need to sign up first."</p> <p>Try it: <strong><a href="https://grammaraicheck.com" rel="noopener noreferrer">grammaraicheck.com</a></strong></p> <p>Feedback welcome! What grammar rules do you wish free checkers handled better?</p> webdev javascript showdev writing dayu2333-jinyul Sat, 30 May 2026 13:29:14 +0000 https://dev.to/dayu2333jinyul/i-built-an-interactive-fh6-game-wiki-map-tuning-calculator-200-pages-57e6 https://dev.to/dayu2333jinyul/i-built-an-interactive-fh6-game-wiki-map-tuning-calculator-200-pages-57e6 <h1> I Built an Interactive FH6 Game Wiki </h1> <p>Forza Horizon 6 has hundreds of cars, dozens of race types, and a massive open-world map. Finding reliable tuning setups, car stats, and collectible locations means digging through YouTube videos and Reddit threads.</p> <p>So I built <strong><a href="https://fh6wiki.com" rel="noopener noreferrer">fh6wiki.com</a></strong> — a completely static wiki with interactive tools.</p> <h2> What it includes </h2> <h3> 🗺️ Interactive Map </h3> <p>A full game map with all collectible locations — barn finds, XP boards, fast travel boards, beauty spots. No ads, no paywalls, just the map.</p> <h3> 🏎️ Car Tuning Calculator </h3> <p>24 built-in tuning presets across 6 race types (road, dirt, cross, street, drag, drift) × 4 classes (S1, S2, A, B). Pick your race type → get instant tire pressure, camber, gear ratios, spring rates, and aero settings.</p> <h3> 📚 60+ Game Guides </h3> <ul> <li>Tuning guide (most popular, 100 views/week)</li> <li>Auction house flipping strategies</li> <li>Drifting tips for beginners</li> <li>Skill points farming guide</li> <li>Legendary cars collection guide</li> </ul> <h2> Tech Stack </h2> <ul> <li>Pure HTML/CSS/JS — no framework, no build step</li> <li>Deployed on Cloudflare Pages (free tier)</li> <li>GA4 for analytics</li> <li>Under 200KB total page weight</li> </ul> <h2> Why Static? </h2> <p>I wanted this to load fast on mobile while playing. No React, no Next.js, no database. The tuning calculator runs in ~50 lines of vanilla JS. The map is an image with CSS positioned markers.</p> <h2> Results So Far </h2> <ul> <li>~1,600 page views/week from Google + Bing</li> <li>48 clicks/week from search</li> <li>/tools page CTR: 8.4% (highest on the site)</li> </ul> <p>Check it out: <strong><a href="https://fh6wiki.com" rel="noopener noreferrer">fh6wiki.com</a></strong></p> <p>Happy to answer questions about building game wikis or CF Pages deployment!</p> webdev javascript showdev gamedev