Idee
Die Webapp Find your Team soll Menschen, die auf der Suche nach einem neuen Verein sind, die Möglichkeit bieten, Vereine nach ihren Interessen, ihres Standorts, sowie nach Kategorien zu filtern. Zur Zielgruppe gehören beispielsweise Personen, die gerade in eine neue Stadt gezogen oder auf der Suche nach einem neuen Hobby sind. Außerdem bietet sie auch Vereinen die Möglichkeit, sich nach außen hin gut zu präsentieren und innerhalb kurzer Zeit ein Profil mit Informationen zum Verein, dessen Kursen, Mitgliedern und Trainern anzulegen. So könnte ein Eintrag bei Find your Team zum Beispiel auch eine Alternative zu einer selbsterstellten Website darstellen. Die Webapp ist aufgrund der vermehrten Eingabe von Daten besonders für den Gebrauch als PC-Anwendung geeignet. Je nach Anwendungsfall kann sie aber auch auf dem Smartphone oder Tablet zum Einsatz kommen, weshalb sie responsive gestaltet wurde.
Konzept & Umsetzung
Die Webapp kann auch genutzt werden, um sich einen Überblick über den eigenen Verein zu schaffen und zur Verwaltung von Mitgliedern und Trainern dienen. Vereine, die auf der Suche nach neuen Mitgliedern sind, könnten hier schneller Interessenten erreichen. Statt sich lange durch viele Vereins-Webseiten mit veralteten Informationen klicken zu müssen, bietet Find your Team den Vorteil, schnell eine Übersicht von Vereinen in der Nähe zu bekommen. Das Projekt entstand im Rahmen des Fachs „Webentwicklung 2“ und wurde mit Node.js und React entwickelt. Das Datenmodell ist so aufgebaut, dass jedem Verein Trainer, Mitglieder und Kurse zugeordnet werden können.
Funktionen
Home
Die Startseite zeigt eine kleine Übersicht über die Funktionen von Find your Team, sodass sich der Nutzer gleich zurecht findet.
Suche
Interessenten können speziell nach ihrem gewünschten Hobby suchen oder durch die unterschiedlichen Kategorien stöbern. Außerdem kann auch nach dem Ort gefiltert werden, um sich nur Vereine in der Nähe anzeigen zu lassen. Bei Klick auf die Kursübersicht eines Vereins kann man die Kurse der Vereine direkt bei der Suche vergleichen. Klickt man auf einen Verein, so wird man zu dessen Profil weitergeleitet.
Vereinsprofil
Dort erhält man eine Übersicht über den ausgewählten Verein. Das Alter der Mitglieder und Trainer wird aus dem Geburtsdatum errechnet und dadurch laufend aktualisiert, sodass man immer auf dem neuesten Stand ist und einschätzen kann, ob man gut in das Team hinein passt oder nicht.
Trailer
Music: www.bensound.com
Weitere Funktionen
Verein registrieren & Login
Jeder Verein kann hier sein eigenes Profil anlegen und bei der Registrierung die ersten allgemeinen Informationen zum Verein, sowie Nutzername und Passwort eingeben, um sich einloggen zu können. Um seine Daten zu bearbeiten, kann man sich über den Login-Button in der oberen Navigationsbar anmelden.
Verein bearbeiten
Sobald sich ein Verein erfolgreich eingeloggt hat, erscheint oben in der Navigationsbar der Nutzername und man kann sich ein Dropdown-Menü anzeigen lassen. Unter „Vereinsprofil bearbeiten“ können allgemeine Informationen wie der Name, der Standort, die Website, Kategorie oder die Beschreibung bearbeitet werden. Außerdem können hier Trainer, Mitglieder und zugehörige Kurse verwaltet werden.
Kurse: Unter diesem Tab können Kurse mit Namen, Trainingszeiten und kurzer Beschreibung angelegt werden. Durch Klick auf „Bild ändern“ kann der Verein auch Bilder zum jeweiligen Kurs hochladen.
Trainer: Hier können Trainer eingespeichert werden. Das Alter kann, muss aber nicht angegeben werden. Außerdem kann man mittels Slider in der Tabelle aktivieren, ob ein Trainer kontaktierbar ist. Ist der Slider aktiv, so wird auf der Vereinsseite ein E-Mail-Symbol und die zugehörige E-Mail-Adresse des Trainers angezeigt, sobald man darüber hovert. Außerdem kann jedem Trainer auch ein Kurs zugewiesen werden.
Mitglieder: Um als Interessent besser einschätzen zu können, welcher Verein bzw. welcher Kurs am besten zu einem passt, kann bei den Mitgliedern der Erfahrungsgrad angegeben werden, sowie das Beitrittsjahr und der besuchte Kurs. So kann ein Interessent leichter einschätzen, ob er zum Beispiel besser in den Anfänger- oder Fortgeschrittenenkurs passt.
Find Your Team. Project by Alexandra Berger ©2020. All rights reserved.