Sylvain Duchesne
fafc95785f
- DemoMode: slide-out sidebar drawer on mobile with overlay, mobile header with menu/back buttons, dynamic phone frame scaling - Gallery: stacked header layout, smaller buttons/text, hidden zoom control on mobile, fixed 35% thumbnail scale - UserStoriesPage: collapsible filter panel with badge counter, compact priority labels, responsive padding - SpecsPage: responsive header with compact test results, collapsible filter panel with search + filter toggle button - FeatureFilter: mobile-first design with expandable filter sections Co-Authored-By: Claude Opus 4.5 <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