🏠 Overview › 🎯 Features ›🎯 Event Creation

Event Creation

Feature Detail

medium complexity extracted Event Management Confidence: 100%
7
Components
2
Shared
0
User Stories
Yes
Analyzed

Description

This feature enables coordinators and organization admins to create events within the mobile app via a multi-step wizard that captures title, date, time, duration, location, and a summary. Events become first-class records in the system, owned by an organization and visible to invited peer mentors and contacts. The wizard follows the same low-cognitive-load principles as activity registration: sensible defaults, minimal taps, and a clear progress indicator across steps so coordinators can create recurring local-association meetings, training sessions, and outings without leaving the field.

Sources & reasoning

The source mobile architecture explicitly lists an Event wizard with the exact steps (title → date → time → duration → location → summary) and event-management is an MVP-tier always-available area in the toggle registry. Placed in MVP because the Add modal in the bottom nav launches event creation alongside activity creation as a Phase 1 capability.

  • Event wizard (multi-step: title → date → time → duration → location → summary)
  • event-management | Event Management | Event Creation, Event Listing, Event Sign-up
  • Bottom nav with 5 tabs: Home, Contacts, Add (modal launcher for Activity and Event wizards), Work, Notifications

Analysis

Business Value

Event creation gives coordinators a structured way to plan and announce group activities - local-association meetings, group trainings, workshops - which today live in informal channels (email, Facebook, paper). Capturing events as data unlocks downstream value: sign-up tracking, attendance-based Bufdir reporting, duplicate-activity detection across coordinators, and proxy/bulk registration tied to a known event. For organizations like NHF with 1,400 local associations, a shared event primitive is the foundation for visibility into where volunteer effort actually happens, and it removes a major source of underreporting by making group activity countable rather than invisible.

Implementation Notes

The wizard is built on the existing multi-step pattern used by the activity wizard, with Riverpod state held per step and Drift persistence so a half-created event survives backgrounding and offline conditions. Events are owned by an organization (organizations → events one-to-many) and persisted via the standard REST API on the Next.js backend, with optimistic creation queued through the sync outbox when offline. Location is a free-text field for MVP; richer geo handling defers to the geographic-map-view module. All wizard screens must meet WCAG 2.2 AA - 24×24 touch targets, semantic labels for screen readers, visible focus indicators, and a non-drag alternative for any reordering interaction.

Quality Assurance

Organization Administrator (primary, opptrer som Koordinator i mobilappen)
1
Scenarios
6
UAT Steps
18
A11y Annotations
2
Role Boundaries
Organization Administrator

Organization Administrator

Quick UAT

  1. Logg inn i Meander Mobile App med e-post og passord som Organisasjonsadministrator (vises som Koordinator i mobil-konteksten).
  2. Trykk pĂĄ Legg til-knappen i bunnmenyen og velg 'Nytt arrangement' for ĂĄ ĂĄpne arrangement-veiviseren.
  3. Fyll inn tittel (f.eks. 'Likepersonssamling vĂĄr 2026'), velg dato og starttidspunkt, og bekreft foreslĂĄtt varighet pĂĄ 60 minutter eller juster den.
  4. Legg inn sted (f.eks. 'Frivillighetshuset, Oslo') og en kort oppsummering av arrangementet, og trykk 'Neste'.
  5. GĂĄ gjennom oppsummeringsskjermen, kontroller at alle felter stemmer, og trykk 'Opprett arrangement'.
  6. Bekreft at suksessmeldingen vises, at veiviseren lukkes, og at det nye arrangementet dukker opp øverst i arrangementslisten med riktig tittel, dato og sted.

Quick UAT — Accessibility

  1. Logg inn i Meander Mobile App med e-post og passord som Organisasjonsadministrator (vises som Koordinator i mobil-konteksten).
    • Screen reader VoiceOver/TalkBack annonserer 'Logg inn'-skjerm; tab-rekkefølge: e-post-felt → passord-felt → Logg inn-knapp.
    • Focus visibility Synlig fokusring pĂĄ alle skjemafelter; felter har semantiske etiketter.
    • Contrast Tekst og felt-rammer oppfyller minst 4.5:1 kontrast.
  2. Trykk pĂĄ Legg til-knappen i bunnmenyen og velg 'Nytt arrangement' for ĂĄ ĂĄpne arrangement-veiviseren.
    • Screen reader Knappen annonseres som 'Legg til, knapp'; modalen annonseres som 'Velg type'.
    • Keyboard / focus Knapp nĂĄs via Tab; Enter ĂĄpner modalen; Escape lukker.
    • Touch target Legg til-knapp og menyvalg er minst 24x24 CSS-piksler (anbefalt 44x44).
  3. Fyll inn tittel (f.eks. 'Likepersonssamling vĂĄr 2026'), velg dato og starttidspunkt, og bekreft foreslĂĄtt varighet pĂĄ 60 minutter eller juster den.
    • Screen reader Hvert felt annonseres med etikett og om det er obligatorisk; dato- og tidsvelger annonserer valgt verdi.
    • Keyboard / focus Felter nĂĄs i logisk rekkefølge med Tab; dato/tid kan velges uten drag (piltaster og tall-input).
    • Focus visibility Tydelig fokusring; aktivt steg i veiviseren er markert bĂĄde med farge og tekst.
  4. Legg inn sted (f.eks. 'Frivillighetshuset, Oslo') og en kort oppsummering av arrangementet, og trykk 'Neste'.
    • Screen reader Tekstfelter annonseres med etikett og tegnteller; 'Neste'-knapp annonseres som 'Neste, knapp'.
    • Zoom Skjemaet er fortsatt brukbart ved 200% zoom uten avkutting eller horisontal scrolling.
    • Contrast Plassholdertekst og hjelpetekst oppfyller 4.5:1 mot bakgrunn.
  5. GĂĄ gjennom oppsummeringsskjermen, kontroller at alle felter stemmer, og trykk 'Opprett arrangement'.
    • Screen reader Oppsummeringen annonseres som en liste med etikett/verdi-par; 'Opprett arrangement'-knapp er sist i tab-rekkefølgen.
    • Focus visibility Fokus settes pĂĄ første oppsummeringselement nĂĄr steget ĂĄpnes.
    • Touch target 'Opprett arrangement'-knapp er minst 24x24 CSS-piksler.
  6. Bekreft at suksessmeldingen vises, at veiviseren lukkes, og at det nye arrangementet dukker opp øverst i arrangementslisten med riktig tittel, dato og sted.
    • Screen reader Fokus flyttes til det nye arrangementet i listen og annonseres med tittel og dato.
    • Live region 'Arrangement opprettet' annonseres via polite live region.
    • Contrast Suksess-ikon er ikke eneste indikator; tekst 'Opprettet' følger med.

Role Boundaries

2 role(s) must NOT access this feature
  • Peer Mentor (Likeperson)

    'Nytt arrangement' vises ikke i Legg til-menyen; direkte navigering til arrangement-veiviseren returnerer 403 / 'Ingen tilgang'.

  • Prospective Buyer

    Har ingen mobil-pĂĄlogging; arrangement-veiviseren er utilgjengelig fra salgsnettstedet.

Expected End State

Et nytt arrangement er lagret i Event Store med tittel, dato, klokkeslett, varighet, sted, oppsummering og eier-metadata, og vises umiddelbart i arrangementslisten klar for paamelding.

Components (9)

User Interface (3)

ui Event Wizard medium ui Event List Screen medium ui Event Registration Widget medium

Service Layer (3)

service Event Service medium service Event Query Service medium service Event Registration Service medium

Data Layer (1)

data Event Store medium

Shared Components

These components are reused across multiple features

User Stories

No user stories have been generated for this feature yet.