Playfields

What's this?
Playfields - Simplifying Field Booking & Management for Futsal & Mini Soccer
Playfields is an innovative SaaS platform that empowers field owners to digitize and manage their futsal or mini soccer businesses with ease. From seamless booking systems, real-time schedule management, to integrated payment features. Playfields helps local sports venues operate more efficiently. The platform also provides admin dashboards, session-based pricing, and auto expire unpaid bookings to ensure optimal field utilization and user experience. Designed for scalability and ease of use, Playfields is redefining how field operations are managed.
What do i do in this project?
- Reduced booking-related issues by 40% through improved data handling and auto-expire mechanisms
- Developed frontend features using Next.js, Tailwind CSS, and Zustand for state management, ensuring responsive and dynamic UI
- Implemented Supabase as backend service with real-time updates, authentication, and cloud storage integration
- Built dynamic pricing and schedule management based on day-type and session rules with full calendar visualization
- Integrated Xendit for payment gateway, handling booking expiration logic and webhook-based payment status update
- Enabled multi-role user access (owner/staff) and invitation-based collaboration to support flexible team management
- Developed reusable custom hooks and modular components to ensure scalability and maintainability of the codebase
Tech Stack :
Next.js
React.js
Tailwind CSS
Supabase
Zustand
TanStack Query
Payment Gateway
Typescript
Amplitude
Vercel
Git
Link :
Web