Projekty

Tragédium aneb Vesmírná pohroma

Web HTML CSS JavaScript Obsahový projekt
ikona odkazu
Náhled projektu Tragédium aneb Vesmírná pohroma

Autorský web pro sbírku sci-fi povídek s absurdním humorem. Projekt stylizuje obsah jako palubní archiv incidentů, selhání a provozních nedorozumění, včetně veřejné části s archivem záznamů, technickou dokumentací, profily posádky a obrazovým archivem. Důraz je na výraznou atmosféru lodního terminálu, čitelnou navigaci a konzistentní prezentaci literárního světa.

Christmas Gift Tracker

React Vite JavaScript Chart.js ESLint LocalStorage
ikona odkazu ikona gitHub
Náhled projektu Gift Tracker

Webová aplikace pro sledování vánočních dárků napříč roky, včetně rozpočtu a statistik. Umožňuje vést seznam osob, přidávat dárky se stavem (Koupeno / Plánováno) a cenou, sledovat plán vs. rozpočet a přehledně zobrazit historii i grafy. Aplikace startuje s demo daty a ukládá změny do localStorage. Součástí projektu je také kompletní manuální testovací dokumentace (test plan, test scénáře, testovací data), dostupná zde.

Gift Tracker – E2E Test Automation

Playwright JavaScript Page Object Pattern E2E Testing

Samostatný testovací projekt k aplikaci Gift Tracker zaměřený na automatizované testování. Testy pokrývají klíčové uživatelské toky (roky, rozpočet, osoby, dárky, Undo, perzistence dat) a využívají Page Object Pattern a stabilní selektory data-testid.

Week Glance Widget

JavaScript JSX Übersicht iCalendar macOS widget

Minimalistický desktop widget pro macOS, který zobrazuje události z Google Kalendáře na následujících 7 dní. Načítá soukromý iCal feed z lokální konfigurace, zpracovává .ics data a podporuje časované, celodenní i opakované události. Důraz je na jednoduché UI, bezpečné zacházení s citlivým odkazem a praktické každodenní použití.

WebdriverIO – Automation Tester (pohovor)

JS
ikona gitHub

Jedná se o příklad k pohovoru na pozici Automation Tester. Naprogramovala jsem automatizované testy ve frameworku WebdriverIO dle zadání ⟮viz README.md v projektu⟯.

Lovecký zámeček Brendy

React Vite JavaScript REST API Docker
ikona odkazu ikona gitHub
Náhled projektu Lovecký zámeček Brendy

Webové stránky hotelu s přehlednou prezentací apartmánů, detailními stránkami pokojů a vlastním menu restaurace. Data o pokojích i jídelním lístku se načítají z API, návštěvník může vyplnit rezervační formulář a získat rekapitulaci objednávky. Důraz je na čisté UI, jasnou navigaci a snadnou správu dat přes konfigurovatelnou API URL. Projekt je napojen na databázi PostgreSql. Odkaz na backend na github zde.

Týden na talíři

React Vite JavaScript React Router
ikona odkazu ikona gitHub
Náhled projektu Dnešní menu

Týdenní plánovač jídel v Reactu s katalogem receptů, filtrováním, vlastním přidáváním receptů, přehledným drag‑and‑drop rozvrhem a automaticky generovaným nákupním seznamem.

Turistický deník

React JavaScript Vite SASS ESLint Keycloak IN PROGRESS
ikona odkazu ikona gitHub
Náhled projektu Turistický deník

Webová aplikace pro evidenci výletů s mapou (Leaflet), tagy, detailní stránkou a editací záznamů. Uživatel může přidávat vlastní místa včetně fotek a souřadnic, přičemž je k dispozici demo přihlášení nebo integrace s Keycloak. Součástí je i odlehčený „AI průvodce“ pro doporučení výletů podle klíčových slov.

Nejen o akvarelu

HTML SASS BEM JavaScript Eleventy Netlify CMS
ikona odkazu ikona gitHub
Náhled projektu Nejen o akvarelu

Vícestránkový responzivní blog o akvarelu a perokresbě postavený na Eleventy, s přehlednou strukturou obsahu, kolekcemi článků a redakční správou v Netlify CMS.

Figma

UX/UI
ikona odkazu
Náhled projektu Figma

Projekt pro kurz Figma UI/UX Design Essentials. Vytvořila jsem cvičný wireframe a interaktivní prototyp v mobilní a desktopové verzi.

USAGI Dojo

HTML SASS BEM JavaScript Eleventy Netlify CMS
ikona odkazu ikona gitHub
Náhled projektu USAGI Dojo

USAGI Dojo je vícestránkový responzivní web fiktivního sportovního klubu. Projekt zahrnoval návrh uživatelského rozhraní ve Figmě, implementaci layoutu a komponent a práci s obsahem prostřednictvím kolekcí v Eleventy a redakčního systému Netlify CMS.

WebdriverIO – Czechitas (závěrečný projekt)

JS
ikona gitHub

Jedná se o závěrečný projekt kurzu Automatizace v testování. Naprogramovala jsem automatizované testy ve frameworku WebdriverIO pro novou featuru Objednávka pro MŠ/ZŠ na webu organizace Czechitas. Soubory a testy jsou zapsané v describe a it blocích, testy obsahují assertace. Implementace obsahuje bloky beforeEach.