Flow.

01 Projektbeschreibung

Flow ist eine Projektmanagement Web Applikation, welche den UserInnen die Möglichkeit bietet ihre Projekte zu organisieren. Nachdem sich der User/die Userin registriert hat, kann ein neues Projekt angelegt werden welches im Anschluss im Dashboard angezeigt wird. Um das Projektmanagement spielerischer zu gestalten, wird dem User/der Userin bei der Registrierung ein Charakter zur Auswahl gegeben. Im Grunde soll durch das Abschließen der Tasks, der Charakter wachsen bzw. transformieren und in eine neue Stufe aufsteigen (vergleichbar mit Pokemon).

Wir waren eine Gruppe von 4 Personen, welche aus 2 Webentwicklerinnen, einer Game Designerin und einem Audio Engineer bestand. Mein Aufgabenbereich bzw. meine Verantwortung lag für dieses Projekt in der Umsetzung des Frontend Parts, wobei hier dennoch eine Zusammenarbeit mit meiner Kollegin Jeannine (sowohl bei Themen im Frontend als auch Backend) vorlag.

Link zum Projekt
>

01.1 Die Idee

Projektmanagement Tool mit Gamification

01.2 Gamification

Übersicht zu den Transformationsstufen der Character
Übersicht zu den Transformationsstufen der Character

02 Funktionalitäten Übersicht

02.1 Frontend

  • Registrierung & Login
  • User Profil bearbeiten
  • Projekte (anlegen, bearbeiten und löschen)
  • Tasks (anlegen, bearbeiten und löschen)
  • Drag & Drop Funktionalität
  • Lightbox bei Character Verwandlung
  • Lightbox triggern sobald eine bestimmte Anzahl an Storypoints erreicht wurden
  • Anzeige des aktuellen Charakters im User Profil
  • Einbindung der Videos über Vimeo
  • Logo Animation
  • Frontend Validierungen (vuelidate library)

02.2 Backend

  • Login & Registrierung inkl. Validierung
  • Authentifizierung mit Laravel Sanctum
  • Funktion weist einen beliebigen Farbwert dem User/der Userin zu
  • Allgemeines Error Handling
  • Fruitcake/Laravel-cors (erlaubt Cross-Origin Resources Sharing (CORS) Headers zu senden)
  • Sortierung der Tasks (wenn sie im Projektboard verschoben werden)
  • CRUD (Create Read Update Delete) Funktionalitäten für Tasks & Projekte

02.3 Technologien

< Zur WebApp />