| 13 | | * Prototype started successfully (Flask running): [[Image(http.png, width=800)]] |
| 14 | | * Prototype endpoints overview page: [[Image(p4-prototype.png, width=800)]] |
| | 13 | * Prototype started successfully (Flask running): [[Image(http.jpg, width=800)]] |
| | 14 | * Prototype endpoints overview page: [[Image(p4-prototype.jpg, width=800)]] |
| | 15 | |
| | 16 | == Prototype UI / Demo screenshots (Figma prototype) == |
| | 17 | |
| | 18 | The following screenshots show the Figma UI prototype screens used to demonstrate the main user workflows. |
| | 19 | |
| | 20 | === Home / Start screens === |
| | 21 | * Home page (guest / not logged in): [[Image(figma_home_guest.jpg, width=850)]] |
| | 22 | * Home page (logged in - version 1): [[Image(figma_home_logged_in.jpg, width=850)]] |
| | 23 | * Home page (logged in - version 2): [[Image(figma_home_logged_in_v2.jpg, width=850)]] |
| | 24 | |
| | 25 | === Registration / Sign up === |
| | 26 | * Registration form screen: [[Image(figma_registration_form.jpg, width=850)]] |
| | 27 | |
| | 28 | === Profile / Dashboard === |
| | 29 | * Profile page: [[Image(figma_profile_page.jpg, width=850)]] |
| | 30 | |
| | 31 | === Wedding management === |
| | 32 | * My Wedding summary page: [[Image(figma_my_wedding_page.jpg, width=850)]] |
| | 33 | * Wedding details creation / form: [[Image(my_wedding_page.jpg, width=850)]] |
| | 34 | |
| | 35 | === Guest management & RSVP === |
| | 36 | * Guest list overview: [[Image(figma_guests_overview.jpg, width=850)]] |
| | 37 | * Guest invitation / RSVP screen: [[Image(figma_guest_invitation.jpg, width=850)]] |
| | 38 | * Add guest modal popup: [[Image(figma_add_guest_modal.jpg, width=850)]] |
| | 39 | |
| | 40 | === Table seating === |
| | 41 | * Add guests + table seating view: [[Image(figma_add_guests_and_tables.jpg, width=850)]] |
| | 42 | * Table details view: [[Image(figma_table_details.jpg, width=850)]] |
| | 43 | |