TurfEase - Frontend-only React Web Booking/Admin Template

TurfEase is a modern and frontend-only React template. It ships with mock data and mock API calls to demonstrate flows (auth, venues, bookings, payments). full-featured sports turf booking platform designed to connect sports enthusiasts with venue owners. The application provides a seamless booking experience with real-time availability, advanced search capabilities, and comprehensive venue management tools. This template does not include a production backend, database, real-time service, or live payment processing. Connect your own backend/BaaS when you move to production. 

✨ Key Features 

For Players: 
🔍 Advanced Search- Find venues by location, sport, price range, and amenities 
📅 Real-time Booking- Book available time slots with instant confirmation 
👥 Group Booking- Split costs and coordinate with friends 
❤️ Favorites System- Save and manage preferred venues 
📊 Booking Management- Track current and past bookings 
⭐ Reviews & Ratings- Rate and review venues 
🔔 Notifications- Real-time updates and booking alerts 

For Venue Owners: 
🏢 Venue Management- Add, edit, and manage sports facilities 
📈 Analytics Dashboard- Track bookings, revenue, and performance 
📊 Business Insights- Comprehensive charts and metrics 
🎯 Booking Overview- Monitor all venue bookings in real-time 

Platform Features: 
🔐 Role-based Authentication- Secure login for players and owners 
📱 Mobile-first Design- Optimized for all devices 
🎨 Modern UI/UX- Clean, accessible interface with dark mode support 
⚡ Performance Optimized- Fast loading and smooth interactions 

🛠️ Tech Stack 

Frontend Framework React 18.x- Modern React with hooks and functional components 
TypeScript 5.x- Full type safety and enhanced developer experience 
Vite 5.x- Lightning-fast build tool and development server 
Styling & UI Components Tailwind CSS v4- Utility-first CSS framework with custom design tokens shadcn/ui- Accessible component library built on Radix UI Radix UI- Unstyled, accessible UI primitives 
Lucide React- Modern icon library with 1000+ icons class-variance-authority- Component variant management State Management & Routing Zustand- Lightweight state management with persistence 
React Router v6- Declarative routing with protected routes React Hook Form- Performant forms with easy validation Development Tools ESLint- Code linting with TypeScript rules Prettier- Code formatting (configured) Sonner- Beautiful toast notifications Charts & Visualization Recharts- Composable charting library for analytics Custom Components- Tailored data visualization