A modern Full-Stack Scuba Diving Booking Platform featuring secure authentication, real-time dive reservations, personalized user profiles, and an immersive ocean-inspired experience.
DeepDive is a modern full-stack scuba diving booking platform designed to simplify the process of discovering and reserving unforgettable underwater adventures.
The platform enables users to explore diving destinations, create secure accounts, book scuba diving experiences, manage their profiles, and receive a seamless booking experience through an intuitive ocean-inspired interface. An integrated admin panel allows efficient management of bookings and customer information.
- 🌊 Interactive Scuba Diving Booking Platform
- 🔐 Secure User Authentication (Supabase Auth)
- 📅 Real-Time Dive Reservation System
- 👤 Personalized User Profiles
- 🏝️ Explore Multiple Diving Destinations & Experiences
- 📋 Booking History & Management
- 🛠️ Admin Dashboard
- 📧 Serverless Email Notifications (Netlify Functions & Nodemailer)
- 📱 Fully Responsive Design (Mobile to 4K)
- ⚡ Smooth Animations & Glassmorphism UI
| Technology | Usage |
|---|---|
| HTML5 | Website Structure & Semantic Markup |
| CSS3 | Master Design System & Responsive Layouts |
| JavaScript | Client-Side Dynamic Logic & Supabase Integration |
| Supabase | Auth & PostgreSQL Relational Database |
| Netlify Functions | Node Serverless Email Dispatch |
| Node.js | Local Development Server (server.js) |
DeepDive-Co/
│
├── index.html # Homepage root entrypoint
│
├── pages/ # Domain-based Page Modules
│ ├── experiences/ # Diving Experience pages (Coral Reef, Night Dive, Deep Sea, etc.)
│ ├── destinations/ # Destination pages (Andaman, Lakshadweep, Goa, Netrani, etc.)
│ ├── company/ # About, Safety, Conservation, Reviews, Gallery, Contact, FAQ
│ ├── account/ # Login, Signup, Profile, Forgot/Reset Password
│ ├── booking/ # Offers & Dynamic Island Details
│ ├── admin/ # Admin Control Panel Dashboard
│ ├── legal/ # Privacy, Terms, Cookie, Refund, Cancellation Policies
│ └── system/ # 403, 404, 500 Error & System Status Pages
│
├── assets/ # Core Frontend Assets
│ ├── css/ # Design System & Stylesheets
│ ├── js/ # Client-side Common Scripts
│ ├── images/branding/ # Brand Logo, Logo Circle, Banner Images
│ └── icons/ # Favicons and SVG Icons
│
├── videos/ # Video Media Assets
│ ├── hero/ # Hero Video Backgrounds
│ └── backgrounds/ # Section Video Backgrounds
│
├── backend/ # Backend Services & Schema
│ ├── supabase/schema/ # PostgreSQL Relational Schema Definitions
│ ├── email/ # Nodemailer Service Helper
│ └── netlify/functions/ # Serverless Function Endpoints
│
├── config/ # Configuration Files
│ └── supabase_config.js # Supabase Client Initialization
│
├── scripts/ # Build & Automation Scripts
│ └── build.js # Environment Generator (`env.js`)
│
├── tests/ # Verification Test Suites
│ ├── routing/ # Clean Route Verification
│ ├── seo/ # Canonical & Metadata Checks
│ └── integration/ # Asset & Path Integrity Tests
│
├── docs/ # Project Documentation
│ ├── architecture/
│ ├── deployment/
│ └── database/
│
├── robots.txt # Search Engine Crawling Guidelines
├── sitemap.xml # XML Sitemap
├── manifest.json # Web App Manifest
├── server.js # Local Development Node Server
├── netlify.toml # Netlify Build & Clean URL Rewrites
├── package.json # Project Package Manifest
├── package-lock.json
├── .gitignore
└── README.md # Repository Documentation
git clone https://github.com/MathuBharathi/DeepDive-Co.git
cd DeepDive-Co
npm installGenerate browser-safe env.js:
npm run buildLaunch the development HTTP & Email server on http://localhost:3000:
npm startBiomedical Engineer • Full Stack Developer • UI/UX Designer
This project is developed for educational and portfolio purposes.
© 2026 DeepDive. All Rights Reserved.