Info Projekt - Quiz 🚀
Von Tom, Leon, Henri, James
Willkommen zu unserem Informatik-Projekt! Hier ist eine kleine Zusammenfassung, was euch erwartet!
Über das Projekt 📖
Das Projekt startete mit der Idee, ein Labyrinth aus Fragen zu erstellen, durch das man sich durch Klicken navigieren kann. Es basiert auf früheren Projekten. Da wir wieder etwas Interaktiveres machen wollten, stellte HTML, das statisch ist, eine Herausforderung dar. Für den Hauptteil und das meiste wird KEIN js genutzt, vom Code sind nur 2% JS! Keines der Tools und Software, die wir nutzen, ist kostenpflichtig, oder ist für Schüler nicht gratis.
Featurreesssss 🧚♀️✨
- Quiz
- Forms anstatt refs
- Version Auswahl
- Vokabeltrainer
- Flaggen-Quiz
- Nav-leiste
- Footer
- 3D
- Konfetti
- Übersichtlich strukturiert
Tools & Co 🛠️
- HTML: Voraussetzung
- CSS: Voraussetzung
- JavaScript: Um das Projekt interaktiver zu machen, z.B. die Kommentare.
- Azure: Hosting und Datenbanken, nur teilweise.
- Cloudflare: CDN
- Supabase: Datenbanken.
- GitHub: Versionsverwaltung
- Qodana: Code qualität
- Grazie: Code qualität
- Spline: 3D
Azure
Azure ist eine CC-Plattform (Cloud-Computing) von Microsoft. Sie ist nicht nur schneller als Single-Node Lösungen (ein einzelner (Rechenknoten) Server), sondern auch skalierbarer. Auf Azure wird die Seite als "statische Website" betrieben und über GH actions immer aktualisiert.
Cloudflare und Pages
Cloudflare ist unter anderem ein CDN also Content Delivery Network, es macht alles deutlich schneller da es inhalt cachet. CF (CloudFlare) Pages ist eine Plattform für das Hosting/Bereist ellen von statischen Webseiten. Obwohl es eine gute Lösung war, natürlich gratis, wechselten wir zu Azure, da es für unsere Anforderungen besser geeignet war, da es schneller und zuverlässiger war.
Supabase
Supabase ist eine Open-Source-Alternative zu Firebase. Es bietet Postgres Datenbanken, Storage, usw. Für unser Projekt haben wir Supabase genutzt, da das ein simples setup ist, und einfach zu verwalten ist.
GitHub
GitHub ist eine Plattform für Versionskontrolle und Zusammenarbeit. Wir haben GitHub genutzt, um den Code unseres Projekts zu verwalten und Änderungen nachzuverfolgen. Durch GitHub Actions wird unsere Seite automatisch aktualisiert (Azure), wenn Änderungen gepusht werden. GitHub hat uns geholfen, effizient zusammenzuarbeiten und nie Arbeit zu verlieren.
Qodana
Qodana ist eine Plattform für Codequalität von JetBrains. Sie hilft uns, Probleme effektiver zu finden, und primär nicht nur Syntax probleme, sondern auch strukturelle Probleme, wie unbenutzte Values usw
Grazie
Grazie ist ein Tool zum Überprüfen von text in code, sodass keine grammatik, Buchstaben, Satzzeichen, und style fehler auftreten, z.b. würde grazie dich warnen, wenn du "Info Projekt" Schreibst da es umgangssprachlich ist und empfiehlt dir "Informatik" zu schreiben!
Spline
Spline ist ein Design-Tool und bietet sich an, da es sich einfach einbetten lässt, um 3D Modelle zu zeigen