Master's Thesis

Full-stack web platform development for music band

Final Thesis 4.15 MB Appendix 12.68 MB

Author of thesis: Ing. Tomáš Koláček

Acad. year: 2025/2026

Supervisor: Ing. Marek Sikora, Ph.D.

Reviewer: Ing. Štěpán Ježek

Abstract:

This thesis focuses on the design, implementation, and security analysis of a web application for the music group Free Fall. It first describes the selection of a suitable
technology stack, the system architecture, and the database model, and then covers
the implementation of the public website, administration interface, merchandise store,
and supporting features. The application was developed using Next.js, React, Supabase,
PostgreSQL, Drizzle ORM, and Vercel. The thesis also includes a practical security
assessment based on the OWASP Top 10:2021 methodology, complemented by an analysis of selected risks and a proposal of priority remediation measures. The result is
a functional web application together with an evaluation of the security properties of
the chosen solution, including the identification of residual risks that depend mainly on
correct implementation and configuration.

Keywords:

web application, Next.js, Supabase, PostgreSQL, OWASP, security analysis, full-stack
development

Date of defence

09.06.2026

Result of the defence

Defended (thesis was successfully defended)

znamkaBznamka

Grading

B

Process of defence

Student prezentoval výsledky své práce a komise byla seznámena s posudky. Student obhájil diplomovou práci a odpověděl na otázky členů komise a oponenta. Otázky: 1. Jaké jsou možné nevýhody outsourcingu zabezpečení aplikace na externího poskytovatele? Lze u platformy Vercel, která byla v práci využita, identifikovat nějaký nedávný bezpečnostní incident? 2. Používate návrhové vzory v rámci návrhu? 3. Na koho je práca cielená? 4. Je návrh stránky pre kapelu dostatočne jednoduchý? 5. Ako by ste pristupoval v prípade, že bude aplikácia škálovaná globálne?

Language of thesis

Czech

Faculty

Fakulta elektrotechniky a komunikačních technologií

Department

Department of Telecommunications

Study programme

Information Security (MPC-IBE)

Composition of Committee

Ing. Eva Holasová, Ph.D. (člen)
Ing. Petr Machník, Ph.D. (člen)
doc. Ing. Petr Šiška, Ph.D. (místopředseda)
JUDr. Pavel Loutocký, BA (Hons), Ph.D. (člen)
prof. Ing. Radim Burget, Ph.D. (předseda)
Ing. Petr Blažek, Ph.D. (člen)
Ing. Ondřej Pospíšil, Ph.D. (člen)
Ing. Jorge Truffin (člen)

Supervisor’s report
Ing. Marek Sikora, Ph.D.

Diplomová práce pana Koláčka se zabývá vývojem webových aplikací dle současných trendů a technologií. V rámci práce student vyvinul plně schopnou webovou aplikaci pro hudební skupiny s řadou nestandardních a velmi užitečných funkcí, např. poptávkový prodej merchandisingu, podpora online marketingu, prodej digitálního obsahu atd. Tato aplikace tak skupinám přináší zajímavé konkurenční výhody oproti běžným webovým prezentacím tohoto typu. Nicméně, hlavním výsledkem práce je především to, že student se dokázal zorientovat a osvojit si současné postupy při vývoji webových aplikací s použitím moderní SaaS infrastruktury a Typescriptového ekosystému. Student prokázal dovednosti na všech úrovních vývoje od návrhu, přes vývoj a testování, až po nasazení, monitoring a správu. Výsledkem je funkční a kvalitní produkt. V rámci svého studijního zaměření student provedl také podrobný bezpečnostní audit použité cloudové infrastruktury, která je obecně považována za industry-standard na poli moderních webových prezentací. Výsledek auditu tak přináší velmi aktuální fakta.
Po formální stránce považuji všechny cíle práce za splněné. Student pravidelně konzultoval a k práci přistupoval proaktivně. Spolupráci hodnotím velmi kladně. V odevzdaném dokumentu diplomové práce jsem nenašel žádné závažné nedostatky. Points proposed by supervisor: 95

Grade proposed by supervisor: A

Reviewer’s report
Ing. Štěpán Ježek

Student úspěšně implementoval funkční webovou aplikaci s využitím moderních technologií a prokázal schopnost pracovat s aktuálními vývojovými standardy. Praktická část je z hlediska dosaženého výsledku zdařilá. Práce však vykazuje také několik nedostatků. V implementaci chybí některé funkce požadované v zadání, např. prodej a distribuce digitálního obsahu. V teoretické části práce, především v první kapitole, autor použil styl, který více připomíná populárně-naučný článek než odbornou diplomovou práci. Pro implementaci byl využíván poměrně komplexní JavaScript stack, text však postrádá kritickou analýzu tohoto rozhodnutí a chybí zde zhodnocení možných nevýhod zvoleného řešení v porovnání s jednoduššími alternativami. Navzdory těmto výhradám je výsledkem práce funkční aplikace, která splňuje většinu cílů zadání. Topics for thesis defence:
  1. Jaké jsou možné nevýhody outsourcingu zabezpečení aplikace na externího poskytovatele? Lze u platformy Vercel, která byla v práci využita, identifikovat nějaký nedávný bezpečnostní incident?
Points proposed by reviewer: 85

Grade proposed by reviewer: B

Responsibility: Mgr. et Mgr. Hana Odstrčilová