Kinokanon ist mein eigenes Filmprojekt: eine Website, auf der Besucher Filme vergleichen, ein persönliches Ranking erstellen und ihr Ergebnis teilen können. Dazu kommen Filmreihenfolgen und Charakterquizze – auf Deutsch und Englisch.
01 · Die Idee
Über Lieblingsfilme lässt sich lange reden. Kinokanon macht daraus etwas zum Ausprobieren: Du entscheidest zwischen zwei Filmen, die Anwendung baut daraus deine persönliche Reihenfolge.
Mein Ziel war eine Website, die redaktionelle Inhalte mit einer einfach bedienbaren Anwendung verbindet. Gestaltung, Inhalte und Entwicklung liegen bei mir; Kinokanon ist kein Kundenauftrag.
02 · Vom Vergleich zum eigenen Ranking
Statt eine lange Liste von Hand zu sortieren, vergleichst du Filme paarweise. Ein Zwischenstand im Browser hilft dabei, das Ranking fortzusetzen.
Das Ergebnis lässt sich als Link teilen. So wird aus einer persönlichen Auswahl eine Einladung, selbst zu sortieren.
03 · Zwei Sprachen, mehrere Einstiege
Die Website ist auf Deutsch und Englisch verfügbar. Neben dem Ranking gibt es Orientierung zu Filmreihenfolgen und eigene Charakterquizze für Marvel und Star Wars.
Die Quizze haben jeweils eigene Fragen und Ergebnisse. Antworten bleiben beim Sprachwechsel erhalten, damit Besucher nicht von vorn beginnen müssen.
04 · Gestaltung und Umsetzung
Klare Typografie, dunkle Flächen und rote Akzente geben der Seite eine eigene visuelle Identität. Der Einstieg führt direkt zur Interaktion; weiterführende Filminformationen bleiben erreichbar.
Astro und TypeScript bilden die Grundlage, React trägt die Ranking-Interaktion. Die Veröffentlichung läuft über Cloudflare. Statische Inhalte und dynamische Funktionen werden passend zu ihrem Zweck kombiniert.
[ ergebnis ]
Seit September 2026 live: eine zweisprachige Film-Website mit interaktiven Rankings, teilbaren Ergebnissen und Charakterquizzen. Die Arbeitsprobe zeigt sowohl individuelle Gestaltung als auch die Entwicklung einer nutzbaren Web-Anwendung.