Skip to content

RobynAwesome/Bookit-5s-Arena

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

103 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Bookit 5s Arena Logo

⚽ Bookit 5's Arena | Next.js Full-Stack App

A professional-grade, custom-built court management system and booking engine designed specifically for the South African 5-a-side football industry.


🛠️ Tech Stack

⚛️ Frontend

Next.js React TypeScript Tailwind CSS Framer Motion Leaflet React Leaflet

🔧 Backend & Services

MongoDB Mongoose NextAuth.js Node.js


🚀 Pro-Level Features

🏟️ Arena Booking & Management

  • Instant Court Bookings: Real-time scheduling that automatically prevents double-booking. Choose from 1hr, 2hr, or 3hr slots.
  • Online Payments: Fully integrated Stripe Checkout for fast, secure credit card transactions.
  • Guest Reservation: Allow guests to hold their slots and pay on arrival (cash or card) directly at the venue.
  • Intelligent AI Integration: Built-in AI support bot powered by Anthropic's Claude to handle user queries about hours, pricing, and bookings.

🏆 Admin Suite (The Dashboard)

  • Centralized Command: Manage all bookings, cancel appointments, and oversee finances from a secure admin dashboard.
  • AI Venue Analytics: Automatically gain insights into peak hours, user engagement, and revenue trends via AI.
  • Automated Confirmations: Email confirmations sent via Nodemailer instantly upon successful booking.
  • Data-driven CMS: Add, edit, or remove courts, update pricing dynamically, and manage newsletters.

🌟 User Experience & Rewards

  • Modern Interface: Highly interactive UI built with Framer Motion and Tailwind CSS.
  • Referral System & Loyalty Points: Dedicated user portal for tracking historical bookings.
  • Secure Authentication: Integrated NextAuth.js supporting Google, Facebook, and local password logins.

⚙️ Installation & Setup

1. Clone the Repository:

git clone https://github.com/RobynAwesome/Bookit-5s-Arena.git
cd Bookit-5s-Arena

2. Install Dependencies:

npm install
# or
yarn install

3. Configure Environment Variables: Rename .env.example to .env.local (create one if missing) and provide your keys:

# Database
MONGODB_URI=your_mongodb_connection_string

# Authentication
NEXTAUTH_SECRET=your_nextauth_secret
NEXTAUTH_URL=http://localhost:3000
GOOGLE_CLIENT_ID=your_google_id
GOOGLE_CLIENT_SECRET=your_google_secret

# Payments
STRIPE_SECRET_KEY=your_stripe_secret
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=your_stripe_pub_key
STRIPE_WEBHOOK_SECRET=your_stripe_webhook_secret

# AI Providers
ANTHROPIC_API_KEY=your_anthropic_key
GROQ_API_KEY=your_groq_key

# Email
GMAIL_USER=your_gmail_address
GMAIL_APP_PASSWORD=your_app_password

4. Run the Development Server:

npm run dev

Visit http://localhost:3000 to see the application running.


🤝 Contributing

We welcome contributions from the community!

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

📞 Support The Creator

Built with ❤️ by Kholofelo Robyn Rababalela. If you found this project useful or have any questions:

⭐⭐⭐ Don't forget to star this repository! ⭐⭐⭐

About

Bookit 5's Arena is a full-stack management system purpose-built for the South African 5‑a‑side football industry. More than just a bookit it is a professional-grade CMS and business engine that combines arena management, league tracking, and player engagement into one seamless platform. Features like live pitch status, conflict-free bookings etc.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 57.7%
  • Rust 31.5%
  • CSS 7.9%
  • Python 2.5%
  • PowerShell 0.3%
  • TypeScript 0.1%