A modern cricket turf booking platform designed to help players discover nearby turfs, check availability, and book their preferred time slots with ease.
TurfBook is a frontend prototype of a modern cricket turf booking platform inspired by the growing demand for online sports venue reservations.
Instead of calling multiple turf owners to check availability, TurfBook aims to provide a single platform where players can:
- 🔍 Discover nearby cricket turfs
- 📅 Check available time slots
- 💰 Compare pricing
- 📍 View turf details and location
- 📞 Contact turf owners directly
- 📝 Request bookings online
The current version focuses on delivering a clean, responsive, and user-friendly UI while laying the foundation for future backend integration and real-time booking features.
- Explore premium cricket turfs
- Filter by city
- View pricing per hour
- Turf ratings & reviews
- Player capacity
- Turf type
- Available slots
Search turfs by
- City
- Preferred Date
- Time Slot
Players can submit
- Name
- Phone Number
- Booking Date
- Preferred Time Slot
The turf owner can then contact the player to confirm the booking.
Every turf includes
- Direct call button
- Phone number
- Location details
making it quick and easy to connect with the turf manager.
- Desktop Friendly
- Tablet Optimized
- Mobile Responsive
TurfBook is designed with a long-term vision of becoming a complete cricket turf booking platform.
Future users will be able to:
- Create an account
- Book turfs instantly
- View live slot availability
- Make secure online payments
- Manage bookings
- Leave ratings and reviews
- Receive booking confirmations
Turf owners will have their own dashboard to:
- Manage turfs
- Update slot availability
- Accept or reject bookings
- View booking analytics
- Track revenue
- Next.js
- React
- TypeScript
- CSS
- Responsive Design
Clone the repository
git clone https://github.com/yourusername/turfbook.gitNavigate into the project
cd turfbookInstall dependencies
pnpm installRun the development server
pnpm devVisit
http://localhost:3000
app/
public/
components/
styles/
package.json
next.config.ts
tsconfig.json
- User Authentication
- Player Dashboard
- Booking History
- Favourite Turfs
- Notifications
- Online Payments
- Reviews & Ratings
- Owner Login
- Turf Management
- Slot Management
- Booking Requests
- Revenue Dashboard
- Analytics
- Manage Cities
- Manage Turf Owners
- Verify Listings
- Platform Analytics
- User Management
Booking a cricket turf is still largely an offline process in many cities.
Players often have to:
- Call multiple turf owners
- Ask for availability
- Compare prices manually
- Coordinate bookings over phone calls or WhatsApp
TurfBook aims to simplify this entire experience through a single digital platform.
✅ Landing Page
✅ Search UI
✅ Turf Listing
✅ Booking Modal
✅ Responsive Design
🚧 Backend Integration (Planned)
🚧 Authentication
🚧 Live Availability
🚧 Payment Gateway
🚧 Owner Dashboard
Contributions, ideas, and feature suggestions are welcome.
Feel free to open an issue or submit a pull request.
This project is built for educational and portfolio purposes.
Images and content used in the UI are placeholders and belong to their respective owners.
Vansh Darji
GitHub: https://github.com/vanshdarji7
If you like this project, consider giving it a ⭐ Star on GitHub.
It motivates me to continue building and improving open-source projects.