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 18 / TypeScript / HTML 5 / CSS 3 / 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, GraphQL (Apollo, Mercurius, Pothos), PHP 8 (Laravel 10, Filament 3), Python 3 (Gunicorn, Django web framework, REST API založené na Django REST Framework), MySQL / PostgreSQL
- Další nástroje a zkušenosti:
- Git, monorepo (Lerna/npm workspaces), Gitlab & GitHub CI/CD, TypeScript, Webpack, Sentry
Aktuální práce
-
od 2020
-
Frontend 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
- Další nástroje a zkušenosti: A11Y (přístupnost), Figma, Abstract, Sketch, SEO, Jira, Confluence, Sentry, GTM, Docker, TDD, Scrum, Agile, ESLint, Jest, Vitest, Prettier, Kibana, Grafana...
-
Frontend Developer – Česká televize – iVysílání
Další realizované projekty
-
2024
-
Reiny's meet – reinysmeet.cz
- Webové stránky BMW srazu s možností registrace účastníků. Interní 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. 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 (+ pokročilá customizace zobrazení odkazů pro FB – např. při sdílení URL inzerátu)
-
Reiny's meet – reinysmeet.cz
-
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.
- Frontend tech stack: React 17 / TypeScript / HTML 5 / CSS 3 (responzivní design) / customizovaný Bootstrap 4 (Reactstrap) / SPA (Single-Page-App)
- Backend tech stack: Python 3 (Gunicorn, Django web framework, REST API založené na Django REST Framework), PostgreSQL, JWT
- Další nástroje a služby: PaaS Heroku, Webpack 4 (s vlastní konfigurací), Babel 7, ESLint / stylelint, Travis CI, behave + Selenium (BDD API a E2E UI testování), Black / Prettier (formátování kódu), LGTM / SonarCloud / DeepScan (automatizovaná průběžná analýza kódu), Sentry / Logentries (logování, monitoring chyb), React Hot Loader, Google Analytics (sledování návštěvnosti)
- 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)
-
Diplomová práce (na FIT ČVUT) – ÚPadmin:
rozšíření
webové aplikace pro
projekt Úspěšný
prvňáček
-
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, Saas (responzivní design), JS, customizovaný Bootstrap 4
- Další nástroje a služby: Webpack 4 (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 7, HTML 5, CSS 3 (responzivní design), JS
- Další nástroje a služby: Sentry (monitoring chyb), Google Analytics (sledování návštěvnosti)
-
Auto Reinhart s. r. o. – reinhart-auto.cz
-
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)
-
Bakalářská práce (na FIT ČVUT) – ÚPadmin:
webová
aplikace pro
evidenci v projektu Úspěšný prvňáček
-
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)
-
Úspěšný prvňáček – uspesnyprvnacek.cz
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
-
GKZ Metal s. r. o. – gkzm.cz
-
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. – autobazarcentrum.cz
- Nové webové stránky pro zavedený autobazar „Autobazar Centrum“ v Ústí nad Labem.
- Tech stack: PHP 5, HTML 5, CSS 3, JS
- Další práce: logo, PR materiály, vizitky, správa profilů na sociálních sítích, napojení webu na Google Analytics, propojení webu s inzeráty na Cars.cz
-
MÓDA KRUPSKÁ – (web zrušen)
-
2014
-
CAO TEPLICE a. s. – (web zrušen)
- Základní jednostránkový web (pro zveřejnění informacích 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
-
CAO TEPLICE a. s. – (web zrušen)
-
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ů na 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
-
JRpatchwork – jrpatchwork.g6.cz