← Portfolio

Web App · Fullstack · Dashboard

Spottool Dashboard

Spottool ist ein professionelles, webbasiertes Verwaltungstool und Dashboard zur Koordination und effizienten Erstellung von Spots.

Die Anwendung verknüpft ein reaktives Vue.js-Frontend mit einem Node.js/Express Backend. Authentifizierungsprozesse laufen über Firebase Auth ab, während PostgreSQL als relationale Datenbank die Spot-Schedules verwaltet.

Spottool Dashboard
KonzeptAnforderungs‑Analyse & Daten‑Modell
BackendExpress‑REST‑API, Firebase‑Auth
FrontendVue‑3‑Dashboard
DeploymentCI/CD‑Pipeline, Docker

Das Dashboard ermöglicht Medienplanern das übersichtliche Erstellen und Anpassen von Schedules. Durch die tiefe Integration von Firebase Auth sind sensible Kundendaten geschützt, während die REST-API im Zusammenspiel mit PostgreSQL auch bei hohen Datenmengen schnelle Ladezeiten gewährleistet.

Spot Creation Tool

Spot Creation Tool

Mit dem Creation Tool lassen sich neue Spots mit wenigen Klicks erstellen. Kundenspezifisches Audio-Mastering, standortbezogene Anpassungen sowie Intros und Outros werden automatisch eingefügt. Alle relevanten Daten werden erfasst, um effiziente Abrechnungen und Marktanalysen zu ermöglichen.

Scheduler & Planung

Scheduler & Planung

Hier werden Spots zeitlich präzise auf verschiedene Kanäle verteilt. Die Kalender- und Zeitlogik wurde für maximale Flexibilität mit unterschiedlichen Player-Systemen entwickelt. Fehlt eine API, kann ein Zwischensystem für die manuelle Verwaltung eingerichtet werden.

Dashboard Übersicht
Sicherer Login (Firebase)
Admin Update-Manager

Eingesetzte Tools

Vue.jsNode.jsExpressPostgreSQLFirebase AuthViteDockerCI/CDGitActionsS3...
Yannick Schneider, UX/UI Designer und Web Developer in Wien

Über mich

Yannick
Schneider

Ich bin sehr webbegeistert — sobald mich etwas interessiert, informiere ich mich darüber. Neugierig geworden?