Als aktives Mitglied im Dartclub Mering/St. Afra wollte ich die Webpräsenz modernisieren und zudem die bisher aufwändige (Daten-)Pflege erleichtern.

Die Anforderungen

  • Nutzbar als Webauftritt & gleichzeitig als App
  • modernes Design
  • modularer Aufbau
  • gute Performance
  • Datenbank für spätere Auswertungen

Das Ergebnis ist öffentlich und kann unter https://www.dart-mering-st-afra.de/ angesehen werden

Tech-Stack : Front-End

AuszeichnungsspracheHTML5
DesignspracheSass
ProgrammierspracheTypescript
Web-FrameworkAngular

Für das Front-End habe ich mich für das SPA-Framework Angular entschieden. Hintergrund hierfür ist die Tatsache, dass die die Software als Webauftritt und gleichzeitg als App genutzt werden soll.

Um dies zu ermöglichen, wurde die App als sogenannte Progressive Web App umgesetzt und liefert so automatisch das Look & Feel einer nativen Applikation.

Tech-Stack : Back-End

ProgrammierspracheRust
APIactix
DatenbankSQlite
Webservernginx
HostingLinux

Für das Back-End entschied ich mich für die Programmiersprache Rust sowie das Web-Framework ACTIX. Auslöser hierfür ist die Tatsache, dass das Hosting auf einem Raspberry PI stattfinden soll und ich mir hierdurch eine gute (bzw. ausreichende) Performance erhoffte.

Durch die schmale Hardwareausstattung erschien mir diese Wahl logisch.

Anzahl Codezeilen

Languagefilesblankcommentcode
TypeScript237168922758448
Rust207182834808
HTML64247653779
Sass79692353032
SVG291451151
JSON588001014
SQL6592123376
Windows Module Definition100340
Text6740213
Markdown3250148
JavaScript21649
PowerShell17043
TOML24316
——–——–——–——–——–
SUM:10973563279523417

Bisher wurden >23k Zeilen Code geschrieben.

Entwicklungszeit: 50-70h

(zum heutigen Stand: 19.08.2022)

Impressionen

Die Seite ist responsive und so auf dem Desktop wie auch auf mobilen Geräten nutzbar.


Startseite - Mobile
News - Mobile
Gesamtrangliste - Mobile
Turnier - Mobile
Startseite - Desktop