← All projectsII.1 · 2026

Kickoff Staff Portal

أكاديمية وملاعب ضربة البداية

The staff portal that runs a football, padel and tennis academy

Open the demo
  • Kickoff Staff Portal: Dashboard (mobile)
    Dashboard (mobile)
  • Kickoff Staff Portal: Today's bookings (mobile)
    Today's bookings (mobile)
  • Kickoff Staff Portal: Booking wizard — slot range picked (mobile)
    Booking wizard — slot range picked (mobile)
  • Kickoff Staff Portal: Tennis shared occupancy timeline (mobile)
    Tennis shared occupancy timeline (mobile)
  • Kickoff Staff Portal: Bookings — payments and reminders (mobile)
    Bookings — payments and reminders (mobile)
  • Kickoff Staff Portal: Booking requests (mobile)
    Booking requests (mobile)
  • Kickoff Staff Portal: Finances (mobile)
    Finances (mobile)
  • Kickoff Staff Portal: Owner overview (mobile)
    Owner overview (mobile)

A sports academy’s staff run their day from this portal: booking fields, checking availability, and tracking payments and expenses, all in Arabic. I designed the booking flow to be fast enough to use while a customer waits at the desk. Shown here under a placeholder brand, Kickoff.

What it does
  1. A step-by-step booking flow with live availability per field in half-hour slots
  2. A shared tennis timeline that shows at a glance how busy each slot is
  3. Owner reports: income, peak hours, unpaid bookings and expenses
  4. A React Native companion app for staff out on the fields: today’s schedule, booking and monthly finances
  5. Runs on Cloudflare Workers with a D1 database, so it costs the academy very little to host
My part
Designed and built it
Made for
a sports academy in Amman (shown under a placeholder brand)
Built with
Next.js 16React 19TypeScriptTailwind 4Cloudflare Workers (OpenNext)Cloudflare D1RechartsFramer Motiondate-fns
Platforms
web, mobile-web
Arabic · right-to-left
Kickoff Staff Portal: Dashboard
Dashboard
Kickoff Staff Portal: Booking wizard — slot range picked
Booking wizard — slot range picked
Kickoff Staff Portal: Tennis shared occupancy timeline
Tennis shared occupancy timeline
Kickoff Staff Portal: Finances
Finances
Kickoff Staff Portal: Owner overview
Owner overview