+
diff --git a/frontend/src/components/BackgroundLogo.js b/frontend/src/components/BackgroundLogo.js
index 6ae05eb..5da7dfa 100644
--- a/frontend/src/components/BackgroundLogo.js
+++ b/frontend/src/components/BackgroundLogo.js
@@ -15,7 +15,7 @@ const BackgroundLogo = ({ opacity = 0.03, size = 'large', className = '' }) => {
diff --git a/frontend/src/components/GlobalSearchBar.js b/frontend/src/components/GlobalSearchBar.js
index 8aa3a86..80a7b50 100644
--- a/frontend/src/components/GlobalSearchBar.js
+++ b/frontend/src/components/GlobalSearchBar.js
@@ -130,6 +130,7 @@ const GlobalSearchBar = ({
}
error={error}
popoverClassName={popoverClassName}
+ aria-label='Global Search'
/>
);
};
diff --git a/frontend/src/components/HeroSection.js b/frontend/src/components/HeroSection.js
index 4393515..907c833 100644
--- a/frontend/src/components/HeroSection.js
+++ b/frontend/src/components/HeroSection.js
@@ -70,8 +70,11 @@ const HeroSection = ({
+ New content available!
+
+ ),
+ {
+ duration: Infinity,
+ position: 'bottom-right',
+ className: 'shadow-lg border border-gray-100',
+ }
+ );
+ },
+ onOfflineReady() {
+ toast.success('App is ready to work offline!', {
+ duration: 4000,
+ position: 'bottom-right',
+ className: 'shadow-md',
+ });
+ },
+ });
+ }, []);
+
+ return null;
+};
+
+export default PWAUpdater;
diff --git a/frontend/src/components/ReportIssueButton.js b/frontend/src/components/ReportIssueButton.js
index 072d5c5..9c4593f 100644
--- a/frontend/src/components/ReportIssueButton.js
+++ b/frontend/src/components/ReportIssueButton.js
@@ -22,6 +22,7 @@ const ReportIssueButton = () => {
opacity-40 hover:opacity-100 hover:bg-white hover:text-black hover:shadow-md
transition-all duration-300 z-50 border border-gray-200'
title='Report an issue'
+ aria-label='Report an issue'
>
+
+
+
+ Discover Sites
+Discover Sites
Browse through our comprehensive database of dive sites with detailed information,
difficulty levels, and access instructions.
@@ -173,7 +173,7 @@ const Home = () => {
className='text-center p-4 sm:p-6 bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow cursor-pointer'
>
Log Your Dives
+Log Your Dives
Record your diving experiences, track your progress, and share your adventures with the diving community. @@ -182,7 +182,7 @@ const Home = () => {
Rate & Review
+Rate & Review
Share your experiences by rating dive sites and leaving detailed reviews to help other
divers make informed decisions.
@@ -194,7 +194,7 @@ const Home = () => {
className='text-center p-4 sm:p-6 bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow cursor-pointer'
>
Find Centers
+Find Centers
Connect with professional diving centers, view their services, and get in touch for your next diving adventure. @@ -210,40 +210,40 @@ const Home = () => { {animatedDives.toLocaleString()} {!isBackendAvailable && +}
Dives
+ Dives
{animatedDiveSites.toLocaleString()}
{!isBackendAvailable && +}
- Dive Sites
+ Dive Sites
{animatedReviews.toLocaleString()}
{!isBackendAvailable && +}
- Reviews
+ Reviews
{animatedDivingCenters.toLocaleString()}
{!isBackendAvailable && +}
- Diving Centers
+ Diving Centers
{animatedDiveTrips.toLocaleString()}
{!isBackendAvailable && +}
- Dive Trips
+ Dive Trips
{!isBackendAvailable && (
-
+
@@ -273,7 +273,7 @@ const Home = () => {
Browse Dives
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
index 36160a5..90583ea 100644
--- a/frontend/vite.config.js
+++ b/frontend/vite.config.js
@@ -1,6 +1,7 @@
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import svgr from 'vite-plugin-svgr';
+import { VitePWA } from 'vite-plugin-pwa';
import path from 'path';
export default defineConfig({
@@ -15,6 +16,59 @@ export default defineConfig({
},
include: '**/*.svg',
}),
+ VitePWA({
+ registerType: 'prompt',
+ includeAssets: ['favicons/*.ico', 'favicons/*.png', 'help-screenshots/*.png'],
+ manifest: {
+ name: 'Divemap - Scuba Dive Site Review Platform',
+ short_name: 'Divemap',
+ description: 'Discover, rate and review dive sites and diving centers.',
+ theme_color: '#2563eb',
+ background_color: '#ffffff',
+ display: 'standalone',
+ scope: '/',
+ start_url: '/',
+ id: '/',
+ icons: [
+ {
+ src: '/favicons/android-chrome-192x192.png',
+ sizes: '192x192',
+ type: 'image/png',
+ purpose: 'any maskable'
+ },
+ {
+ src: '/favicons/android-chrome-512x512.png',
+ sizes: '512x512',
+ type: 'image/png',
+ purpose: 'any maskable'
+ }
+ ],
+ screenshots: [
+ {
+ src: "/help-screenshots/dive-sites-map-view.png",
+ sizes: "2038x2388",
+ type: "image/png",
+ label: "Explore Dive Sites"
+ },
+ {
+ src: "/help-screenshots/dives-logging-interface.png",
+ sizes: "2036x2108",
+ type: "image/png",
+ label: "Log Your Dives"
+ },
+ {
+ src: "/help-screenshots/dedicated-map-view.png",
+ sizes: "2038x1053",
+ type: "image/png",
+ form_factor: "wide",
+ label: "Map View"
+ }
+ ]
+ },
+ workbox: {
+ maximumFileSizeToCacheInBytes: 4 * 1024 * 1024, // 4MB to match the large vendor chunk
+ }
+ })
],
server: {
host: true, // Needed for Docker
✨ Live data loading... Our community is growing!