Skip to content
This repository has been archived by the owner on Jun 17, 2024. It is now read-only.

Die Notfallwebsite der Stadt Ratingen

License

Notifications You must be signed in to change notification settings

kevinriex/notfall.ratingen.de

Repository files navigation

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
Alte Ansicht Neue Ansicht
Neue Ansicht
Alte Ansicht

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ß.