Softwarové projekty

Zaměřuji se na tvorbu responzivních webových stránek/aplikací na míru a snadno použitelných informačních systémů. Součástí tohoto vývoje jsou schůzky a kooperace se zákazníkem, analýza, návrh, implementace, testování a údržba.

Tech stack

Frontend:: React 19 / TypeScript / HTML 5 / CSS 3 - vanilla extract / JS / customizovaný Bootstrap 5 (nebo Reactstrap) / SPA (Single-Page-App)
P.S. React je ❤!

Mým cílem je unikátní responzivní dobře použitelná webová stránka/aplikace vytvořená na míru zákazníkovi dle požadavků, kterou její návštěvník na první pohled rozezná od ostatních – žádné upravené šablony, které lze vidět na každé druhé stránce.
Backend:: Node.js (Fastify), GraphQL (Apollo, Mercurius, Pothos), PHP 8 (Laravel 11, Filament 3), Python 3 (Gunicorn, Django web framework, REST API–Django REST Framework), MySQL / PostgreSQL / Redis
Další nástroje a zkušenosti:: Git, monorepo (Lerna/npm workspaces), GitLab & GitHub CI/CD (GitHub Actions), Webpack, A11Y (přístupnost), Figma, Abstract, Sketch, SEO, Jira, Confluence, Sentry, GTM, Docker, TDD, Scrum, Agile, ESLint, Jest, Vitest, Prettier, Kibana, Grafana, Playwright, TanStack Query, Selenium (E2E testování)…

Aktuální práce

od 2020 do současnosti
- TechLead & Senior Frontend+Node Developer – Česká televize – iVysílání
  - Kompletní přepsání VOD platformy iVysílání od podlahy na novém tech stacku s týmem frontenďáků. Nová frontendí web platforma postavená nad námi vytvořeným GraphQL, které zároveň slouží jako datový zdroj i pro veškeré další platformy (mobilní aplikace Android/iOS, televizní/HbbTV a SmartTV aplikace). Postupný přechod na nová data, řešení dalšího rozvoje (např. přihlášený uživatel, personalizace…). Kvalitní logování, testování performance (vysoké nároky na traffic), penetrační testování, řešení security, přístupnosti, SEO, automatizovaného E2E testování apod. Monorepo s balíčky pro přepoužívání. Vytvoření interní administrace pro redaktory/streamery a další zaměstnance pro správu obsahu, katalogu a další ovládání přidružených služeb. Spolupráce na tvorbě nového přehrávače a dalších komponent.
  - Tech stack: React, TypeScript, Next.js, GraphQL (Apollo, Mercurius, Pothos), Node.js, Webpack, HTML 5, CSS 3/JSS, SPA, REST API, GitLab CI/CD, monorepo (Lerna/npm workspaces), Vite, Vitest, MUI, Redis, Nginx
  - Další nástroje a zkušenosti: A11Y (přístupnost), Git, Figma, Abstract, Sketch, SEO, Jira, Confluence, Sentry, GTM, Docker, TDD, Scrum, Agile, ESLint, Jest, Vitest, Prettier, Kibana, Grafana, Playwright, Prometheus, Thanos, Lighthouse, Performance testing (K6), Web Vitals

Další realizované projekty

2025
- Autobazar Centrum, Pokorný - Tesler s.r.o. – autobazarcentrum.cz
  - Nové responzivní webové stránky pro zavedený autobazar „Autobazar Centrum“ v Ústí nad Labem. K webu je i headless CMS Sanity.io pro správu některých elementů na webu.
  - Tech stack: Laravel 11, PHP 8, HTML 5, Sass (responzivní design), JS, customizovaný Bootstrap 5, headless CMS Sanity.io
  - Další nástroje a služby: Sentry (monitoring chyb), GTM (Google Analytics ke sledování návštěvnosti)
  - Další práce: fotografie na stránkách, optimalizace SEO, propojení se sociálními sítěmi, správa záznamů o firmě na internetu (mapy, vyhledávače…)
2024
- Reiny's meet – reinysmeet.cz
  - Webové stránky BMW srazu s možností registrace účastníků. Interní CMS administrace na míru se správou účastníků, zasíláním e-mailových potvrzení o změnách registrace, pokynech k platbě, připomenutí platby apod. Responzivní web i administrace. Podpora exportu účastníků do PDF pro odbavení registrace při příjezdu. Možnost interní registrace a dalších poznámek. Generování variabilních symbolů pro účastníky a QR kódu pro platbu. Propojení s API FIO banky pro automatické párování plateb (a tím pádem automatické informování účastníků o přijetí platby). Možnost vyhledávání, pokročilé filtrace, jednoduché přehledy, přizpůsobení výpisů dle osobních preferencí. CMS správa všech textů, ovládání registrace, nastavení webu, kontaktních a bankovních údajů apod.
  - Tech stack: Laravel 10, Filament 3, PHP 8, HTML 5, CSS 3 (responzivní design), JS, customizovaný Bootstrap 5
  - Další nástroje a služby: Sentry (monitoring chyb), GTM (Google Analytics ke sledování návštěvnosti), Cerberus (e-mailové notifikace)
  - Další práce: fotografie na stránkách, propojení se sociálními sítěmi
2020
- Diplomová práce (na FIT ČVUT) – ÚPadmin: rozšíření webové aplikace pro projekt Úspěšný prvňáček
  - Open-source interní webová aplikace (Single-Page-App) sloužící k evidování klientů a skupin klientů docházejících na lekce kurzů, informací o lekcích (pohled na dnešní den/diář), plateb za lekce, zájemců, zobrazuje celou historii klienta. Kontroluje časové konflikty lekcí, automaticky spravuje lekce (předplacené v případě omluvy, automatické zrušení), napojení na API Fio banky, pokročilá validace, archivace klientů a skupin, fuzzy vyhledávání klientů (s překlepy), automatický odhad parametrů přidávané lekce (kurz, datum, čas). Zobrazuje upozornění, že má klient příště platit; vypočte počet absolvovaných lekcí. Rozšiřuje původní aplikaci z mé bakalářské práce.
  - Rozvoj probíhá i nadále, aplikace je v pravidelném používání lektorkou a je průběžně vylepšována. Následující výčet technologií je aktualizovaný a nemusí (a opravdu je to tak) tedy odpovídat původnímu stavu v době diplomové práce.
  - Frontend tech stack: React 19 / TypeScript / HTML 5 / CSS 3 - vanilla extract (responzivní design) / customizovaný Bootstrap 5 (Reactstrap 9) / SPA (Single-Page-App), TanStack Query, TanStack Router
  - Backend tech stack: Python 3 (Gunicorn, Django web framework, REST API založené na Django REST Framework), PostgreSQL, JWT, Pipenv, Mypy
  - Další nástroje a služby: PaaS Fly.io (dříve Heroku), Docker, Webpack (s vlastní konfigurací), Babel, ESLint / stylelint, GitHub Actions (dříve Travis CI), behave + Selenium (BDD API a E2E UI testování), Black / Prettier (formátování kódu), GitHub CodeQL/ SonarCloud / DeepScan (automatizovaná průběžná analýza kódu), React Testing Library / Jest / MSW (unit/integration testování), Docker & Docker Compose V2 (díky tomu je aplikace plně kontejnerizovaná, obraz je publikován v GitHub Container Registry), Sentry / Logentries (logování, monitoring chyb), React Fast Refresh, Google Analytics (sledování workflow v aplikaci)
  - info o diplomové práci v Digitální knihovně ČVUT
  - text práce v PDF / GitHub repozitář s textem práce (LaTeX)
  - aktuální kód aplikace + demo na GitHubu – open-source ❤
- KOVPAL Vlček s. r. o. – kovpal.cz/obchod/vlcek
  - Katalog produktů postavený na platformě Prestashop 1.7 přizpůsobený dle požadavků zákazníka.
  - Tech stack: PHP 7, HTML 5, CSS 3 (responzivní design), JS
  - Další nástroje a služby: Google Analytics (sledování návštěvnosti)
2019
- Auto Reinhart s. r. o. – reinhart-auto.cz
  - Nové webové stránky pro autoservis a autobazar „Auto Reinhart s. r. o.“. Cílem bylo vytvoření kompletně nových stránek s odlišnou a srozumitelnější strukturou, vyšší přehledností a jednoduchostí. Součástí práce byl také požadavek na migraci původního interního CMS systému na míru (pro evidenci prodávaných aut), jehož autor již nebyl k zastižení, a jeho rozšíření a integrace s novým webem. Navzdory kvalitě původního kódu, jeho vysoké chybovosti a nulové dokumentaci proběhla úspěšná migrace a rozšíření systému a napojení na nový web. Systém byl vylepšen, opraven, zjednodušen a rozšířen o správu novinek a dalšího obsahu.
  - Tech stack: PHP 7, MySQL, HTML 5, Sass (responzivní design), JS, customizovaný Bootstrap 4
  - Další nástroje a služby: Webpack (s vlastní konfigurací), Sentry (monitoring chyb), Google Analytics (sledování návštěvnosti)
  - Další práce: úprava loga, fotografie na stránkách, propojení se sociálními sítěmi (+ pokročilá customizace zobrazení odkazů pro FB – např. při sdílení URL inzerátu), správa záznamů o projektu na internetu (vyhledávače…)
- Tento web 🥰 – lukasrod.cz
  - Tech stack: PHP 8, HTML 5, CSS 3 + Bootstrap 4 (responzivní design), JS
  - Další nástroje a služby: Sentry (monitoring chyb), Google Analytics (sledování návštěvnosti)
2018
- Bakalářská práce (na FIT ČVUT) – ÚPadmin: webová aplikace pro evidenci v projektu Úspěšný prvňáček
  - Aplikace tvořila základ pro následnou diplomovou práci, kde došlo k jejímu rozšíření. Podrobný popis aplikace včetně aktuální verze kódu na GitHubu a screenshotů je výše.
  - info o bakalářské práci v Digitální knihovně ČVUT
  - text v PDF / GitHub repozitář s textem práce (LaTeX)
2017
- Úspěšný prvňáček – uspesnyprvnacek.cz
  - Webová stránka pro projekt, který nabízí doučování a kurzy pro budoucí nebo nastupující prvňáčky. Při tvorbě byl kladen důraz na unikátnost projektu a stránek, jednoduché, přehledné a srozumitelné podání informací.
  - Součástí je CMS systém na míru lektorce nabízející jednoduchou úpravu obsahu webu. Kromě úpravy textů na webu a volných termínů kurzů umožňuje také evidovat pomůcky na prodej (nákupní/běžná/prodejní cena, více typů produktů, možnost vedení variant jednotlivých produktů, jednoduchá správa skladových zásob, upozornění na docházející produkty, skrytí produktů, možnost tisku, nahrání obrázku, ad.). Pomůcky jsou napojeny na webové stránky a zákazníci tak mají možnost vidět nabízené produkty.
  - Tech stack: PHP 7, MySQL, HTML 5, CSS 3 (responzivní design), JS
  - Další nástroje a služby: Sentry (monitoring chyb), Google Analytics (sledování návštěvnosti)
  - Další práce: logo projektu, PR materiály, vizitky, fotografie na stránkách, správa profilů na sociálních sítích a propojení s nimi, správa záznamů o projektu na internetu (mapy, vyhledávače…)
- Květiny U MARKÉTY – kvetinyumarkety.cz
  - Jednoduchý moderní responzivní jednostránkový web (one-page web) pro květinářství „Květiny U Markéty“ ve Cvikově. Vše stavěno na zelené louce – obchod byl sice již dlouhá léta zavedený, ale nikdy neměl stránky.
  - Tech stack: PHP 7, HTML 5, CSS 3 (responzivní design), JS
  - Další práce: logo květinářství, vizitky, fotografie na stránkách, vytvoření FB stránky a instruktáž floristky, jak síť používat, správa záznamů o obchodu na internetu (mapy, vyhledávače…), napojení webu na Google Analytics (sledování návštěvnosti)
- Nábytek ROTH – mobel.cz
  - Nové responzivní webové stránky pro zavedený obchod s nábytkem „Nábytek ROTH“ v Teplicích.
  - Tech stack: PHP 5, MySQL, HTML 5, CSS 3 (responzivní design), JS
  - Další práce: logo obchodu, fotografie na stránkách, správa záznamů o obchodu na internetu (mapy, vyhledávače…), napojení webu na Google Analytics (sledování návštěvnosti)

Starší projekty (2013–16)

2016
- GKZ Metal s. r. o. – gkzm.cz
  - Webové stránky pro firmu „GKZ Metal s. r. o.“ v Ústí nad Labem z oblasti strojírenství.
  - Tech stack: PHP 5, HTML 5, CSS 3, JS
  - Další práce: správa záznamů o firmě na internetu (mapy, vyhledávače…), napojení webu na Google Analytics
- V-BUS – (web zrušen)
  - Webové stránky pro autobusového dopravce „V-BUS“.
  - Tech stack: PHP 5, HTML 5, CSS 3, JS
  - Další práce: napojení webu na Google Analytics, propojení se sociálními sítěmi
2015
- MÓDA KRUPSKÁ – (web zrušen)
  - Webové stránky pro kamenný obchod s módou „MÓDA KRUPSKÁ“ v Teplicích.
  - Tech stack: PHP 5, HTML 5, CSS 3, JS
  - Další práce: napojení webu na Google Analytics
- Autobazar Centrum, Pokorný - Tesler s.r.o. – (nahrazeno novějším webem)
  - Webové stránky pro zavedený autobazar „Autobazar Centrum“ v Ústí nad Labem.
  - Tech stack: PHP 5, HTML 5, CSS 3, JS
  - Další práce: napojení webu na Google Analytics, propojení webu s inzeráty na Cars.cz
2014
- CAO TEPLICE a. s. – (web zrušen)
  - Základní jednostránkový web (pro zveřejnění informací o valné hromadě) pro firmu „CAO TEPLICE a. s.“ z oblasti strojírenství v Proboštově (Teplice).
  - Tech stack: PHP 5, HTML 5, CSS 3
- DOUČOVÁNÍ s panem Slabikou – (nahrazeno projektem Úspěšným prvňáčkem)
  - Webové stránky pro projekt, který nabízí doučování a kurzy pro budoucí nebo nastupující prvňáčky.
  - Tech stack: PHP 5, HTML 5, CSS 3, JS
  - Další práce: správa záznamů o projektu na internetu (mapy, vyhledávače…), napojení webu na Google Analytics
- KOVPAL s. r. o. – kovpal.cz
  - Webové stránky pro firmu „KOVPAL s. r. o.“ z oblasti strojírenství v Proboštově (Teplice). Součástí stránek je také e-shop „Výzbrojna PS“ založený na platformě Prestashop pro prodej výrobků koncovým zákazníkům (aktuálně v režimu katalogu).
  - Tech stack: PHP 5, HTML 5, CSS 3, JS; Prestashop
  - Další práce: správa záznamů o firmě na internetu (mapy, vyhledávače…), napojení webu na Google Analytics, správa e-mailů, IT podpora a servis, tvorba obchodních podmínek podle nového občanského zákoníku pro e-shop
2013
- JRpatchwork – jrpatchwork.g6.cz
  - Webové stránky pro autorku patchworkových výrobků Janu Rodovou s názvem „JRpatchwork“. Součástí je CMS systém na míru autorce nabízející jednoduchou úpravu obsahu webu. Na webu je galerie výrobků vytvořená na míru spolu s administrací umožňující jednoduchou i pokročilou práci v rámci galerie.
  - Tech stack: PHP 7 (původně PHP 5), HTML 5, CSS 3, JS
  - Další práce: logo, PR materiály, vizitky, fotografie na stránkách, správa záznamů o projektu na internetu (vyhledávače…), napojení webu na Google Analytics, správa prodejních profilů na stránkách Fler.cz, správa profilů na sociálních sítích