DEV Community

피곤하다
피곤하다

Posted on

I built a free cooking calculator site with pure HTML/CSS/JS — here's what week two looks like

What I built: CookingCalcs (https://cookingcalcs.com) — free cooking calculators for home cooks. No framework, no database, no sign-up. Pure HTML/CSS/JS on GitHub Pages.
Current tools: cups to grams, oven temp converter, tablespoon to teaspoon, weight converter, recipe multiplier, cooking time calculator, meat temperature guide, meal cost calculator, cost per serving, egg size converter.

Why pure HTML/CSS/JS
Wanted zero dependencies and zero maintenance. No build step, no package.json, no deployment pipeline. Push to main, done. Entire nav, footer, and blog card rendering is handled by a single nav.js file. Tools and blog posts live in two arrays at the top — add one entry and it appears in the header dropdown, footer, and blog grid automatically.

Week two numbers

Google Search Console impressions: 16 → 155
Average position: 54 → 36.4
meal-cost-calculator at position 24 with 102 impressions
cost-per-serving approaching page one at position 3.7
AdSense application submitted

What's working
Targeting long-tail keywords that large recipe sites cover with generic pages. Specific questions like "how many grams in a cup of rice" or "how long to cook shrimp" where a focused, fast page has a real shot.
Also added JSON-LD structured data on every page and llms.txt for AI crawler discoverability.

What's next
3 blog posts + 1 tool every Saturday. Sunday is analytics review. Goal is AdSense approval then affiliate once traffic stabilizes.
Happy to answer questions on the architecture or SEO strategy.

Top comments (0)