← Zurück zu den Projekten

04 / 2025–2026

Výpočtář

Ein durchsuchbares Portal mit 122 praktischen Rechnern und Umrechnern in 11 Kategorien, verbunden durch eine einheitliche Oberfläche und verwandte Werkzeuge.

Rolle
Produktdesign und Entwicklung
Zeitraum
2025–2026
Startseite von Výpočtář mit Rechnersuche und Überblick der beliebten Werkzeuge
Výpočtář / Produktvorschau

01

Was das Produkt löst

Výpočtář bündelt finanzielle, mathematische, technische und alltägliche Berechnungen in einem durchsuchbaren Produkt. Die einzelnen Rechner bleiben fokussiert, während Kategorien, Suche und verwandte Werkzeuge die Navigation durch das gesamte Angebot vereinfachen.

02

Mein Beitrag

Ich habe die Produktstruktur, Berechnungslogik, Formulare, Suche, responsive Benutzeroberfläche und die tschechisch-englische Lokalisierung konzipiert und implementiert. Der Neuaufbau umfasste außerdem externe Datenquellen, automatisierte Tests und technisches SEO.

Aufbau des Produkts

122 Werkzeuge, ein System

Die wichtigsten Teile des Produkts.

  1. 122 RechnerPraktische Berechnungen in 11 Kategorien122 Werkzeuge
  2. 11 KategorienFinanzen, Mathematik, Technik und Alltag122 Werkzeuge
  3. SucheEin schneller Weg zur konkreten BerechnungSuche
  4. CZ / ENEigene lokalisierte URLs und InhalteLokalisierung
  5. Verwandte WerkzeugeVerknüpfte Rechner nach KontextSuche
  6. ValidierungEingabeprüfung, Methodik und GrenzenAutomatisierte Tests
  7. Automatisierte TestsBerechnungen außerhalb der UI und durch Tests abgesichertAutomatisierte Tests
  8. Technisches SEOCanonical, Sitemap, strukturierte Daten und IndexNowTechnisches SEO

03 · Prinzip

Jeder Rechner erledigt eine Aufgabe.

Jeder Rechner löst eine konkrete Aufgabe von der Eingabe bis zum Ergebnis. Methodik, Beispiele, Validierung und verwandte Werkzeuge liefern Kontext, ohne die eigentliche Berechnung zu verkomplizieren.

04 · Umsetzung

Berechnung und Formular bleiben getrennt.

Die Berechnungslogik ist von den Präsentationskomponenten getrennt. Eine gemeinsame Rechnerstruktur übernimmt Eingaben, Validierung, Metadaten und lokalisierten Inhalt, während die Währungsumrechnung die Tageskurse der Tschechischen Nationalbank und einen expliziten Zustand bei deren Nichtverfügbarkeit nutzt.

Technische Details

Projektstruktur

  1. 122 WerkzeugeGemeinsame Architektur für Rechner in 11 Kategorien
  2. SucheSuche, Kategorien und verwandte Werkzeuge
  3. Getrennte LogikBerechnungen und Validierung außerhalb der Präsentationsschicht
  4. LokalisierungEigene tschechisch-englische Struktur, Metadaten und hreflang
  5. Externe DatenKurse der Tschechischen Nationalbank mit explizitem Umgang bei Nichtverfügbarkeit der Quelle
  6. Automatisierte TestsBerechnungen, Routen, SEO und Build
  7. Technisches SEOCanonical, Sitemap, strukturierte Daten und IndexNow
  • Next.js 14
  • React 18
  • TypeScript
  • Tailwind CSS 3.4
  • Lucide React
  • Vitest
  • Playwright
  • ČNB
Website besuchen ↗Privates Repository
Nächstes ProjektFasapoly