Join – Kanban Task Manager

Ein webbasiertes Task-Management-Tool im Stil von Trello: Aufgaben per Drag & Drop durch den Workflow bewegen, Teammitglieder verwalten und den Projektfortschritt jederzeit im Blick behalten.

🔗 Live-Demo: join.marc-schaar.com · 📁 Repository: github.com/Marc-Schaar/Join · 🌐 Portfolio: marc-schaar.com

---

🇬🇧 English: Join is a Trello-style Kanban task manager built with vanilla JavaScript (OOP) — no frontend framework. Drag-and-drop task board, contact management, task assignment, and a Firebase Realtime Database backend accessed via its REST interface. Fully responsive, deployed via GitHub Actions CI/CD. Live demo →

Das Projekt ist ohne Frontend-Framework umgesetzt – reines HTML, CSS und JavaScript (OOP) – und zeigt damit ein solides Verständnis der Web-Grundlagen sowie den strukturierten Umgang mit asynchroner Datenhaltung über eine REST-API.

✨ Funktionsumfang

• Board mit Drag & Drop – Aufgaben zwischen den Spalten To do, In progress, Await feedback und Done verschieben
• Task-Verwaltung – Aufgaben mit Titel, Beschreibung, Kategorie, Fälligkeitsdatum, Priorität (Urgent / Medium / Low) und Unteraufgaben anlegen
• Kontaktverwaltung – Kontakte anlegen, bearbeiten, löschen und Aufgaben zuweisen
• Dashboard (Summary) – Übersicht über offene, in Bearbeitung befindliche und dringende Aufgaben
• Login, Registrierung & Gast-Zugang – inkl. Formularvalidierung
• Responsive Design – vollständig nutzbar auf Desktop, Tablet und Mobile

🛠️ Tech-Stack

Bereich	Technologie
Frontend	HTML5, CSS3, JavaScript (Vanilla, OOP)
Datenhaltung	Firebase Realtime Database (REST-Schnittstelle)
Deployment	GitHub Actions CI/CD (automatisches Deployment per rsync)

🚀 Lokal ausführen

Da es sich um ein rein statisches Frontend handelt, ist kein Build-Prozess nötig:

git clone https://github.com/Marc-Schaar/Join.git
cd Join

Anschließend index.html im Browser öffnen oder z. B. mit der VS-Code-Erweiterung Live Server starten.

👤 Kontakt

Marc Schaar 📧 kontakt@marc-schaar.com · 🌐 marc-schaar.com · 💻 GitHub

Dieses Projekt ist Teil meines Portfolios und entstand im Rahmen meiner Weiterbildung zum Frontend-Entwickler.