Eine Notlösung für die Stadt Ratingen um eine informative Landing Page während des Cyberangriffs auf die SIT zu haben. Eine aktuelle Produktions-Version läuft auf https://notfall.jr-rtg.de. Eine aktuelle Development-Version läuft über Vercel auf https://hs.kcvw.de und https://hochschule-ratingen.de.

Design: Kevin Yven Riexinger

Infrastruktur: Konstantin Westhoff

Code: Beide 😉

Technologie

Geschrieben in JavaScript mit Next.js und React.

Deployment via GitHub Actions auf Vercel.

Als Designsystem haben wir Bootstrap 5 verwendet. Eigene Farben wurden mit SASS realisiert.

Alle Icons sind aus der großen Bibliothek von FontAwesome.

Als VCS wurde Git genutzt. Geschrieben wurde der Code in Visual Studio Code.

Bauen des Projekts

Der aktuellste Build ist immer als ZIP bei dem aktuellsten Workflow Run zu finden.

Vor einem Build ist sicherzustellen, dass ghostscript und graphicsmagick installiert sind. Instruktionen sind hier zu finden.

Selbst bauen:

npm ci
npm run build

Die kompilierten Dateien sind dann in out/ zu finden und können direkt über einen einfachen HTTP Server (z.B. Apache, etc.) bereitgestellt werden.

Vergleiche

Webseite Alt	Webseite Neu

Responsivität der neuen Webseite

ratingen-neu-res.mp4

Development Server

Development Server starten:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Auf http://localhost:3000 läuft dann der ganze Spaß.