Web Dojo
Lernplattform für Webentwicklung mit interaktiven Kursen
Das Web Dojo war mein erstes grösseres Webprojekt, das ich 2021 entwickelt habe. Das Ziel war, eine Plattform für Gymnasiasten zu schaffen, um die Grundlagen der Webentwicklung zu lernen. Dies, weil der Unterricht während meiner Zeit an der Kantonsschule nicht sehr strukturiert war.
Zur Zeit gibt es verschiedene Kapitel über das Internet im Allgemeinen, HTML und CSS. Weitere Kapitel zu JavaScript und anderen Themen sind in Planung.
Für die Entwicklung habe ich Next.js als Static Site Generator verwendet. Die Lizenzen werden in Firebase gespeichert und können von Nutzern direkt mit Stripe bezahlt werden.
Next.js
Tailwind CSS
Firebase
Stripe
Die Idee war, den Schülern eine interaktive Lernumgebung zu bieten. Die Kapitel enthalten viele Beispiele und Übungen, die direkt im Browser bearbeitet und ausprobiert werden können. Eine Änderung im Editor wird sofort im Vorschaufenster angezeigt.
Im folgenden Screenshot ist ein Beispiel eines Kurses zu sehen, in dem die CSS Attribute zur Gestaltung von Texten erklärt werden.
