docs: update product screenshots and improve readme (#196)

Author: Robert27

README.md

@@ -1,7 +1,7 @@
 [![CodeQL](https://github.com/neuland-ingolstadt/neuland.app-native/actions/workflows/codeql.yml/badge.svg)](https://github.com/neuland-ingolstadt/neuland.app-native/actions/workflows/codeql.yml)
 [![CI - Biome & Tests](https://github.com/neuland-ingolstadt/neuland.app-native/actions/workflows/ci.yml/badge.svg)](https://github.com/neuland-ingolstadt/neuland.app-native/actions/workflows/ci.yml)
 
-# Neuland Next - native version of neuland.app
+# Neuland Next - Your unofficial app for THI
 
 <div style="display: flex; align-items: center; gap: 15px;">
   <a href="https://apps.apple.com/app/neuland-next/id1617096811">
@@ -16,6 +16,12 @@ Neuland Next is an unofficial app for students of the Technische Hochschule Ingo
 
 ## Features
 
+<p align="center">
+  <img src="assets/github/1.jpg" alt="Neuland Next Dashbaord" width="200"/>
+  <img src="assets/github/2.jpg" alt="Neuland Next Timetable" width="200"/>
+  <img src="assets/github/3.jpg" alt="Neuland Next Map" width="200"/>
+</p>
+
 - **Timetable & Exams**: View your personal timetable from PRIMUSS and your exams at a glance
 - **Calendar & Events**: Access all important semester dates, campus events and university sports in one place
 - **Profile**: View your grades, printer credits and much more information about your studies
@@ -46,6 +52,17 @@ Learn more about the app on the [Neuland Next website](https://next.neuland.app)
 
 <img src="assets/github/architecture.svg" alt="Architecture" width="800px" />
 
+## System Status
+
+The real-time system status is available at [status.neuland.app](https://status.neuland.app). Here you find information about the current status of the different services and APIs that Neuland Next depends on.
+
+| Service | Status |  Uptime (24h)
+|---------|--------|--------|
+| THI API | ![THI API Status](https://status.neuland.app/api/badge/9/status?upColor=%2331c753) | ![THI API Status](https://status.neuland.app/api/badge/9/uptime?upColor=%2331c753) |
+| Neuland API | ![Neuland API Status](https://status.neuland.app/api/badge/6/status?upColor=%2331c753) | ![Neuland API Status](https://status.neuland.app/api/badge/6/uptime?upColor=%2331c753) |
+| Neuland Next Web | ![Neuland Next Web Status](https://status.neuland.app/api/badge/1/status?upColor=%2331c753) | ![Neuland Next Web Status](https://status.neuland.app/api/badge/1/uptime?upColor=%2331c753) |
+| Neuland Next Web (dev) | ![Neuland Next Web Status](https://status.neuland.app/api/badge/8/status?upColor=%2331c753) | ![Neuland Next Web Status](https://status.neuland.app/api/badge/8/uptime?upColor=%2331c753) |
+
 ## Contributing
 
 We welcome contributions from the community! Whether you're a developer, designer, or student, you can help improve the app.

assets/github/1.jpg

@@ -1,9 +1,10 @@
 # Architektur
+
 Das Neuland Next Ökosystem besteht aus mehreren Komponenten, die zusammenarbeiten, um ein nahtloses Erlebnis für die Nutzer zu schaffen. Die Architektur ist modular und skalierbar gestaltet, sodass neue Funktionen und Verbesserungen im Laufe der Zeit einfach integriert werden können.
 
 ## Architektur-Schema
-![Neuland Next Architektur](/assets/architecture.png)
 
+![Neuland Next Architektur](/assets/architecture.png)
 
 ## Komponenten
 
@@ -12,4 +13,4 @@ Das Neuland Next Ökosystem besteht aus mehreren Komponenten, die zusammenarbeit
 - **neuland.app-dashboard**: Das webbasierte Dashboard für Administratoren zur Verwaltung der benutzerdefinierten Datenquellen. Es bietet eine benutzerfreundliche Oberfläche zum Hinzufügen, Aktualisieren und Löschen von Daten, die in der mobilen App angezeigt werden, wie z.B. Ankündigungen oder manuelle Campus-Events.
 - **THI-API**: Die offizielle API der Technischen Hochschule Ingolstadt (THI) für den Zugriff auf hochschulbezogene Daten. Diese API wird nur von der mobilen App genutzt, um maximale Sicherheit und Datenschutz zu gewährleisten.
 - **Neuland GeoServer**: Ein eigener Vector-Tile-Server, der Kartenkacheln und Stile für die Campus-Kartenfunktion in der mobilen App bereitstellt. Er liefert auch die GeoJSON-Daten für das Raum-Overlay.
-- **Analytics Server**: Zum Sammeln der anonymisierten Nutzungsdaten der App verwenden wir einen selbst gehosteten Aptabase Analytics-Server. Dieser Server ist nicht mit dem Backend verbunden und verwendet Clickhouse als performante Datenbank.
+- **Analytics Server**: Zum Sammeln der anonymisierten Nutzungsdaten der App verwenden wir einen selbst gehosteten Aptabase Analytics-Server. Dieser Server ist nicht mit dem Backend verbunden und verwendet Clickhouse als performante Datenbank.

assets/github/2.jpg

@@ -1,9 +1,10 @@
 # Architecture
+
 The Neuland Next ecosystem consists of several components that work together to provide a seamless experience for users. The architecture is designed to be modular and scalable, allowing for easy integration of new features and improvements over time.
 
 ## Architecture Scheme
-![Neuland Next Architecture](/assets/architecture.png)
 
+![Neuland Next Architecture](/assets/architecture.png)
 
 ## Components
 
@@ -12,4 +13,4 @@ The Neuland Next ecosystem consists of several components that work together to
 - **neuland.app-dashboard**: The web-based dashboard for administrators to manage the custom data sources. It provides a user-friendly interface for adding, updating, and deleting data that is displayed in the mobile app, such as announcements or manual campus events.
 - **THI-API**: The official API provided by the Technische Hochschule Ingolstadt (THI) for accessing university-related data. This API is only used by the mobile app to maximize security and privacy.
 - **Neuland GeoServer**: A custom vector tile server that provides map tiles and styles for the campus map feature in the mobile app. It also provides the GeoJSON for the rooms overlay.
-- **Analytics Server**: To collect the anonymized usage data of the app, we use a self-hosted Aptabase Analytics server. This server is not connected to the backend and uses Clickhouse as a performant database.
+- **Analytics Server**: To collect the anonymized usage data of the app, we use a self-hosted Aptabase Analytics server. This server is not connected to the backend and uses Clickhouse as a performant database.