Sylvain Duchesne
5a29938130
- Port modern clean theme (DM Sans, orange accent, app-* CSS classes) and screen redesigns from festipod-mockups; replace sketchy Ubuntu theme. New shared components: BottomNav, EventCover, EventMeetingPoints, Toast, AvatarStack, Tag, RelevanceIcon. - Restructure from prototyping shell to real mobile web app: path-based routing (History API), Gallery/DemoMode/PhoneFrame removed, Storybook setup for screen/component browsing. - ConnectScreen ported from mockup (QR-based user connection); routed at /profile/connect, wired from FriendsListScreen. - Dev-only auto-seed of NG wallet when empty (gated on NODE_ENV !== 'production'); bootstrapWallet already self-checks for non-empty ngSet so safe even in race conditions. - Render-based @ui test infrastructure: happy-dom + LocalDataProvider + RouterProvider via src/shared/test-harness/renderHelper.tsx, exposed on the world as renderedDoc. world.hasText/hasField/hasElement prefer the rendered DOM and fall back to source for backward compatibility. - Migrate 25 brittle @ui assertions from regex-on-source to DOM queries; delete implementation-detail tests (showDuplicateWarning, importableEvents, importedFrom — anti-patterns per the new contract). Update feature files where the UI changed: "Mes amis" → "Mon réseau", "Mes événements à venir" → "À venir" on home, Thématique removed from create-event wizard, etc. - Path-based @e2e steps (pushState + popstate dispatch) replacing the legacy "#/demo/…" hash routing tied to the deleted Gallery. - Add .project/knowledge/test-layer-contracts.md defining the role of each test layer (@ui = display with seed data + DOM, @data = mutations through NG broker, @e2e = critical user journeys) with anti-patterns and migration consequences. Test status: 75 passed / 71 skipped (explicit "non implémenté") / 2 failed (pre-existing @wip on ngSet.delete() NG ORM limitation). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Festipod
A prototyping tool for the Festipod mobile app - an event discovery and networking platform.
What's Inside
- Mobile App Mockups - 13 interactive screens with hand-drawn "sketchy" UI
- User Stories - 26 stories across 5 categories (Events, Workshops, Users, Meetings, Notifications)
- BDD Specifications - Cucumber feature files in French with test integration
Quick Start
bun install
bun run dev
Navigation
| Page | Route | Description |
|---|---|---|
| Gallery | #/ |
Browse all mockup screens |
| Demo | #/demo/{screen} |
Interactive screen preview |
| Stories | #/stories |
User stories browser |
| Specs | #/specs |
BDD specifications with test status |
Commands
bun run dev # Start dev server with HMR
bun run test:cucumber # Run Cucumber tests
bun run features:parse # Regenerate features from .feature files
bun run steps:extract # Extract step definitions
Documentation
See docs/ for detailed documentation:
- Festipod App - Mobile app design
- Prototyping Tool - Web app architecture
- Cucumber Integration - BDD testing setup