SEC 17: Scuba Diving Club Platform
Full-stack booking platform for a scuba diving club in Algeria with real-time availability, admin dashboard, and Firebase authentication.
Overview
A comprehensive booking and management platform for SEC 17 scuba diving club in Algeria. Features real-time availability calendar, dynamic pricing, member tracking, and admin analytics. Built with Next.js and Firebase, deployed on Vercel with active maintenance and security patches.
What I Did
- →Architected full-stack Next.js 16 application with Firebase backend integration
- →Implemented real-time availability calendar with dynamic price calculation (3,000 DZD/person)
- →Built Algerian phone number validation with locale-specific formatting
- →Created admin dashboard with analytics, booking management, and member tracking
- →Implemented booking status system: confirmed, cancelled, pending with visual indicators
- →Set up Firebase JWT authentication with role-based access control
- →Implemented dark mode toggle with theme persistence
- →Applied React Server Components security patch (CVE) in production
- →Configured Vercel deployment with CI/CD pipeline
- →Maintained and updated the platform for 1+ year post-launch
Challenges
- •Coordinating real-time availability across multiple dive sessions and instructors
- •Modeling pricing around group size and session type
- •Delivering a bilingual Arabic/French UI for Algerian divers
- •Keeping the admin dashboard fast as bookings and members grow
Results
- ✓Replaced a manual WhatsApp-and-phone booking process with self-serve online reservations
- ✓Real-time calendar prevents double-bookings and scheduling conflicts
- ✓Admin dashboard surfaces bookings, members, and activity at a glance
- ✓Instant confirmations and status tracking give members a clear, modern experience
- ✓Live in production on Vercel with active maintenance and security patches for over a year
Tech Stack
Next.js 16
Server components and optimal performance for booking-heavy application
Firebase
Real-time database for availability calendar and instant booking updates
Framer Motion
Smooth animations for booking flow and status transitions
Tailwind CSS v4
Rapid UI development with Algerian brand customization
Vercel
Seamless Next.js deployment with automatic security updates