Web & Digital · Oktober 2026

OPC UA Lernmodul

Konzeption und Umsetzung eines interaktiven Grundlagenkurses zu OPC UA mit React, Vite und Tailwind CSS. Das Lernmodul ist auf Vercel gehostet und vermittelt technische Grundlagen in einer webbasierten Lernumgebung.

Datum: Oktober 2026
Kategorie: Web & Digital
Rolle: Konzeption, Design & Entwicklung
Auftraggeber: TBF + Partner AG
Tools: React, Vite, Tailwind CSS, GitLab, Vercel

Überblick

Mit dem OPC UA Lernmodul habe ich einen webbasierten Grundlagenkurs entwickelt, der technische Inhalte rund um OPC UA strukturiert und zugänglich vermittelt.

Das Projekt verbindet die Entwicklung einer modernen Webanwendung mit der Aufbereitung technischer Lerninhalte.

Screenshot der Startseite von ohmyopc.ch

Umsetzung

Die Website wurde mit React, Vite und Tailwind CSS umgesetzt und über Vercel veröffentlicht. Das Projekt wird über GitLab versioniert und automatisiert gebaut.

Frontend: React
Build-Tool: Vite
Styling: Tailwind CSS
Versionsverwaltung: GitLab
Deployment: Vercel

Technische Besonderheiten

Die Anwendung ist als statische Website aufgebaut. Über eine Rewrite-Regel werden auch direkte Aufrufe von Unterseiten unterstützt. Zusätzlich wurde ein Feedback-Formular integriert, das Rückmeldungen über eine serverlose API entgegennimmt und als Issue im GitLab-Projekt erfasst.

Ergebnis

Mit ohmyopc.ch ist ein öffentlich zugängliches Lernmodul entstanden, das technische Grundlagen in einer webbasierten Umgebung vermittelt und sich durch eine klare Struktur sowie eine unkomplizierte Bereitstellung auszeichnet.

Projekt ansehen – ohmyopc.ch