Playfields
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.
TECH STACK
Technologies and tools used to bring this project to life
Next.js
React.js
Tailwind CSS
Supabase
Zustand
TanStack Query
Payment Gateway
Typescript
Amplitude
Vercel
Git
My Role
My contributions and responsibilities in this project
Full Stack Developer
- 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