A complete, production-ready cross-platform diving app built with React 18, TypeScript and Tailwind CSS, wrapped with Capacitor for iOS and Android, powered by a Supabase backend (database, auth, storage, edge functions). One codebase ships everywhere: Web, iOS and Android. Log dives, discover dive sites on an interactive map, build a marine species life list, run pre-dive equipment and safety checklists, track statistics with charts, earn achievements and trophies, chat with dive buddies, check weather and tide forecasts and monetize with a premium subscription (RevenueCat on iOS, Stripe on web).

Demo Instructions

The app requires a free Supabase backend – there is no hardcoded demo server. Setup takes about 10 minutes and is fully scripted in the included documentation (create a project, add the environment variables). Once configured:

Run npm install, then npm run dev for instant web preview, build to the iOS Simulator with Xcode, or open the included Android project in Android Studio – the same code runs on Web, iOS and Android
Demo login credentials: email demo@aquadex.app / password test123 (create this user in your Supabase dashboard in one click, or register any account)
Apple Sign-In and Google Sign-In are also implemented and activate once you add your own OAuth credentials

No paid services are required to run and test the app – Supabase, Mapbox and Stripe all have free tiers.

Important – External Service Costs

This app integrates with external third-party services, including Supabase, Mapbox, Stripe, RevenueCat and weather/tide API providers. Any fees, transaction charges or subscription costs related to these external services – including Stripe and RevenueCat fees – are not included in the purchase price of this item and are the sole responsibility of the buyer.

What Aquadex Does

Aquadex helps scuba divers log every dive with full details, discover and rate dive sites worldwide on an interactive Mapbox map, build a marine species life list with sighting tracking, never forget gear with equipment setups and pre-dive checklists, analyze their diving with statistics charts, progress through trophy levels and achievements, connect with dive buddies through friends, messaging and public profiles, plan trips with weather and tide forecasts, and unlock premium tools through an integrated subscription.

Everything the App Does

Branded Splash Screen and Landing Page – ocean gradient launch screen, marketing landing page with feature highlights
Multi-Method Authentication – email and password sign-in, Sign in with Apple and Google Sign-In, email verification flow, protected routes
Multi-Step Onboarding – display name and username with availability check, avatar upload, dive frequency, certification level, interests and goals
5-Tab App Layout – Home, Map, Dive, Log and Profile with an ocean-themed design system
Home Dashboard – welcome hero with underwater photography, recent activity feed, popular and favorite dive sites, weekly tasks
Comprehensive Dive Logging – dive name, date, site, dive type, max depth, dive time, start and end air pressure with air-usage calculation, visibility, water temperature, wetsuit type, weight, weather and surface conditions, notes, photos, linked equipment setup and species sightings
Dive Logbook – chronological log list with statistics header (total dives, countries, max depth, total time), air-usage bars and rich entry cards, detailed dive view and shareable public dive log pages
Interactive Dive Site Map – Mapbox-powered world map, site search and filters, add your own sites, community ratings and reviews, favorites, per-site detail pages with conditions and species
Marine Species Guide – species encyclopedia with photos, scientific names, categories, rarity levels and conservation status, personal life list, sighting logging per dive and dive site, species detail pages
Equipment Management – multiple gear setups built from a categorized equipment catalog (masks, fins, wetsuits, BCDs, regulators, computers and more), per-setup summaries, usage tracking linked to dive logs
Pre-Dive Safety Tools – equipment verification checklist, safety procedures checklist, and a Smart Suit Checker that recommends wetsuit thickness from water temperature
PADI Certification Center – certification level tracker with progression information and prerequisites
Statistics Dashboard – detailed analytics with charts: air usage over time, maximum depth progression, dive frequency, temperature and visibility trends, personal records
Achievements and Trophy System – unlockable badges (first dive, deep explorer, species spotter, photo milestones and more), progressive trophy levels with points, animated reward popups with confetti
Social Features – friends system with requests, dive buddy discovery, real-time private messaging, group conversations, public diver profiles, public dive logs, photo gallery with likes and comments
Notification Center – in-app notification feed, per-event push notification preferences, push notifications on iOS and Android
Weather and Tide Forecasts – plan dives with conditions forecasts and tide predictions per location (served by serverless edge functions)
Dive Shop Locator – map-based dive shop finder with shop detail pages
Premium Subscription – paywalled premium features with RevenueCat in-app purchases on iOS and Stripe checkout on web, subscription management and customer portal, success and dashboard screens
Photo Gallery – personal and community photo gallery, photo detail with comments and likes
Settings – profile editing, privacy settings, accessibility options (font size, high contrast, reduced motion), notification preferences, account deletion
Admin Tools – admin dashboard and user feedback management
Legal and Support – terms of service, privacy policy, EULA, help center, feedback form, in-app support pages
Polished UX – empty states, loading skeletons, toasts, dark mode support, ocean-inspired animations

Technology

Frontend: React 18, TypeScript, Vite, Tailwind CSS, shadcn/ui components, Framer Motion
Charts: Recharts
Maps: Mapbox GL JS (token served securely from an edge function)
Mobile: Capacitor 7 – both native platform projects are included and preconfigured: iOS (Xcode project) and Android (Android Studio / Gradle project)
Backend: Supabase – PostgreSQL database with 152 ordered SQL migrations included (tables, row level security, triggers, seed data), authentication, storage, real-time, and 24 serverless edge functions (weather, tides, Mapbox token, Stripe, RevenueCat webhook, push notifications and more)
Payments: Stripe (web) and RevenueCat / StoreKit (iOS), webhook handlers included
Notifications: Capacitor Push Notifications with a Supabase edge function sender
Configuration: environment variables only – no secrets are hardcoded anywhere in the source

What the Buyer Gets

Full unobfuscated source code of the entire app (React frontend, iOS Capacitor project, Android Capacitor project)
Complete Supabase backend: 152 ordered SQL migrations (table schema, row level security policies, triggers, seed catalogs) and 24 edge functions
Step-by-step documentation.html with screenshots: backend setup, running the app, rebranding, re-theming, notifications and App Store submission checklist
21 professional App Store style screenshots (323×700 JPEG)
Tested build instructions for web, iOS Simulator and device

Development Disclosure

This item contains AI-assisted content. Generative AI tools were used to assist in the development of this item, and all AI-assisted output has been substantially reviewed, tested, modified and refined by the author before inclusion. This item is AI-assisted, not AI-generated, in accordance with Envato’s AI-generated content policy for Market and Elements.

Please Note

This is a source code template, not a compiled app. To customize, build and publish it you need working knowledge of React/TypeScript, npm, Xcode (for iOS) and basic backend concepts. The app requires a Supabase (or compatible) backend to function – setup instructions with every step are included in the documentation. Feel free to ask any questions before purchasing.

Aquadex | Dive Logbook and Dive Site Explorer With Species Log - Capacitor