Description
The homepage has "Browse classes" and "Book a Session" CTAs but no
actual booking form exists. The /api/bookings route exists but has
no frontend to connect to it.
Current Behavior
- No booking form or modal exists
- "Book a Session" button has no functionality
/api/bookings POST endpoint is unused from the frontend
Expected Behavior
- Clicking "Book a Session" opens a booking modal/form
- Form fields: learner name, email, preferred date, preferred time,
session type (1:1 or group), message to instructor
- On submit: calls
POST /api/bookings and shows success confirmation
- Success state shows booking summary with instructor name and time
Tech Involved
- React
useState for modal and form state
fetch to call POST /api/bookings
- Tailwind CSS modal/form components
- Form validation
Acceptance Criteria
Contributing on behalf of NSoC'26 | @Mehren7 please assign me
Description
The homepage has "Browse classes" and "Book a Session" CTAs but no
actual booking form exists. The
/api/bookingsroute exists but hasno frontend to connect to it.
Current Behavior
/api/bookingsPOST endpoint is unused from the frontendExpected Behavior
session type (1:1 or group), message to instructor
POST /api/bookingsand shows success confirmationTech Involved
useStatefor modal and form statefetchto callPOST /api/bookingsAcceptance Criteria
POST /api/bookingsContributing on behalf of NSoC'26 | @Mehren7 please assign me