jhodgkin/lisilou-portfolio
1
0
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases Wiki Activity

Build multi-step booking form UI shell #2

New Issue
Closed
opened 2026-07-07 21:37:46 -06:00 by jhodgkin · 0 comments
jhodgkin commented 2026-07-07 21:37:46 -06:00
Owner
Copy Link
Copy Source

Goal

Add a booking flow to the portfolio site — a modal or dedicated section with a step progress indicator. All steps are stubs initially; each subsequent issue fills one in.

Tasks

  • Add "Book a Session" button to the site nav/hero
  • Create a full-screen modal overlay for the booking flow
  • Step indicator showing: Date → Session → Length → Location → Contract → Payment → Confirm
  • nextStep() / prevStep() navigation with validation hooks per step
  • Back button on every step except the first
  • Final confirmation screen showing a summary of all selections
  • Booking state object passed forward through steps and POSTed to POST /api/bookings on completion
  • Match existing site color theme via CSS variables

Acceptance

  • Clicking "Book a Session" opens the modal
  • Can navigate forward/back through all 7 placeholder steps
  • Confirm step shows summary and POSTs to the API
## Goal Add a booking flow to the portfolio site — a modal or dedicated section with a step progress indicator. All steps are stubs initially; each subsequent issue fills one in. ## Tasks - Add "Book a Session" button to the site nav/hero - Create a full-screen modal overlay for the booking flow - Step indicator showing: Date → Session → Length → Location → Contract → Payment → Confirm - `nextStep()` / `prevStep()` navigation with validation hooks per step - Back button on every step except the first - Final confirmation screen showing a summary of all selections - Booking state object passed forward through steps and POSTed to `POST /api/bookings` on completion - Match existing site color theme via CSS variables ## Acceptance - Clicking "Book a Session" opens the modal - Can navigate forward/back through all 7 placeholder steps - Confirm step shows summary and POSTs to the API
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
jhodgkin
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: jhodgkin/lisilou-portfolio#2
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?