04 / 2025–2026
Výpočtář
122 praktických kalkulaček a převodníků v 11 kategoriích, propojených vyhledáváním, lokalizací a jednotným rozhraním.
01
Co produkt řeší
Výpočtář sjednocuje běžné finanční, matematické, technické i každodenní výpočty do jednoho prohledávatelného portálu. Jednotlivé kalkulačky zůstávají jednoduché, ale jsou propojené kategoriemi, vyhledáváním a souvisejícími nástroji.
02
Moje práce
Navrhl a implementoval jsem strukturu produktu, výpočetní logiku, formuláře, vyhledávání, responzivní rozhraní a CZ/EN lokalizaci. Přestavba zahrnovala také externí datové zdroje, automatizované testy a technické SEO.
Stavba produktu
122 nástrojů, jeden systém
Hlavní části produktu.
- 122 kalkulačekPraktické výpočty napříč 11 kategoriemi122 nástrojů
- 11 kategoriíFinance, matematika, technika i každodenní použití122 nástrojů
- VyhledáváníRychlá cesta ke konkrétnímu výpočtuVyhledávání
- CZ / ENSamostatné lokalizované URL a obsahLokalizace
- Související nástrojePropojené kalkulačky podle kontextuVyhledávání
- ValidaceKontrola vstupů, metodika a omezeníAutomatické testy
- Automatické testyVýpočty oddělené od UI a pokryté testyAutomatické testy
- Technické SEOCanonical, sitemap, structured data a IndexNowTechnické SEO
03 · Princip
Každá kalkulačka řeší jeden úkol.
Každá kalkulačka řeší jeden konkrétní úkol od vstupu po výsledek. Metodika, příklady, validace a související nástroje přidávají kontext bez komplikování samotného výpočtu.
04 · Provedení
Výpočet je oddělený od formuláře.
Výpočetní logika je oddělená od prezentačních komponent. Sdílená struktura kalkulaček řeší vstupy, validaci, metadata a lokalizovaný obsah, zatímco převod měn používá denní kurzy České národní banky a explicitní stav při jejich nedostupnosti.
Technické detaily
Struktura projektu
- 122 nástrojůSdílená architektura pro kalkulačky napříč 11 kategoriemi
- VyhledáváníVyhledávání, kategorie a související nástroje
- Oddělená logikaVýpočty a validace mimo prezentační vrstvu
- LokalizaceSamostatná CZ/EN struktura, metadata a hreflang
- Externí dataKurzy České národní banky s ošetřením nedostupnosti zdroje
- Automatické testyVýpočty, routy, SEO a build
- Technické SEOCanonical, sitemap, structured data a IndexNow
- Next.js 14
- React 18
- TypeScript
- Tailwind CSS 3.4
- Lucide React
- Vitest
- Playwright
- ČNB