Fieldspace — Sports Booking & Memberships

Role

Full-Stack Engineer — Next.js booking UI, Stripe, calendar

Product context

Fieldspace is a SaaS product for sports complexes, with public booking pages, an admin calendar, memberships, and Stripe Connect payouts. It covers guest-facing booking and the interfaces operators use to manage facilities.

My implementation scope

I owned the Next.js application for operators and guests. My work included multi-location resources, the resource calendar with invoice and confirmation states, customer and membership management, and checkout connected to Stripe Connect.

Booking and administration workflows

Guests use public facility pages to book. Operators use the resource calendar to manage bookings across multi-location resources, including invoice and confirmation states. My Next.js application scope covered both guest-facing booking and these administrative interfaces.

Memberships and payment integration

The admin application includes customer and member management alongside membership plans. Checkout is connected to Stripe Connect. The work spans booking, membership administration, and the payment interface; the screenshots below show the public booking page and the operator tools.

What this case demonstrates

Fieldspace is an example of Next.js product development across public pages and an admin application. It is relevant to booking products that need resource calendars, customer management, memberships, and Stripe Connect checkout in the same application.

Stack

• Next.js
• TypeScript
• Stripe
• PostgreSQL