Skip to content

CoRhino/horloge-mar-e-cute

Repository files navigation

🌊 Horloge des Marées - Rimouski

Une application web progressive adorable et intuitive pour suivre les marées à Rimouski, Québec! 🔵⚪🔵 🟡🔴🔵

PWA Ready Offline Compatible Mobile Friendly

✨ Qu'est-ce que c'est?

L'Horloge des Marées est une application web moderne qui transforme les données complexes de marées en une interface circulaire magnifique et facile à comprendre!

Pensé spécialement pour:

  • 🎣 Pêcheurs qui veulent connaître le meilleur moment pour sortir
  • Plaisanciers qui planifient leurs sorties en mer
  • 🏖️ Résidents côtiers curieux des phénomènes naturels
  • 📚 Étudiants et passionnés d'océanographie

🎯 Fonctionnalités Principales

🕐 Horloge Circulaire Unique

  • Interface intuitive : Une belle horloge qui montre la position actuelle des marées
  • Aiguille intelligente : Indique si la marée monte ⬆️ ou descend ⬇️
  • Couleurs dynamiques : Bleu pour marée montante, violet pour descendante
  • Animations fluides : Transitions douces et agréables à regarder

📱 Expérience Mobile Parfaite

  • Installation native : Ajoutez l'app sur votre écran d'accueil!
  • Fonctionne hors-ligne : Consultez les marées même sans internet
  • Responsive : S'adapte parfaitement à tous les écrans
  • Rapide : Chargement instantané grâce à la technologie PWA

🌊 Données Précises et Fiables

  • Sources officielles : Données de Pêches et Océans Canada (DFO-MPO)
  • Temps réel : Hauteur actuelle et tendance des marées
  • Prédictions : Prochaines marées hautes et basses
  • Mise à jour automatique : Toujours les informations les plus récentes

🌤️ Informations Complémentaires

  • Météo marine : Conditions actuelles et prévisions
  • Données astronomiques : Lever/coucher du soleil et phases lunaires
  • Coefficients de marée : Marées de vive-eau et morte-eau
  • Historique : Consultez les données passées

🚀 Comment l'utiliser?

Installation (Recommandée)

  1. Visitez l'application dans votre navigateur
  2. Cliquez sur "Ajouter à l'écran d'accueil" quand l'option apparaît
  3. Profitez de l'app comme une application native!

Utilisation Basique

  • Centre de l'horloge : Affiche la hauteur actuelle et la tendance
  • Aiguille : Pointe vers la position dans le cycle de marée (12h = marée haute, 6h = marée basse)
  • Tap sur l'horloge : Affiche plus de détails
  • Swipe gauche/droite : Navigue dans le temps

📍 Localisation

Actuellement optimisé pour :

  • 🏰 Rimouski, Québec (Station officielle DFO)
  • 📍 Coordonnées : 48.4667°N, 68.5333°W
  • ⏰ Fuseau horaire : America/Toronto (UTC-5/-4)

Prochainement : Support pour d'autres localités côtières du Canada!

🎨 Interface et Design

Thèmes Disponibles

  • 🌊 Classique Océan : Bleus apaisants avec accents dorés
  • Nautique : Style marin traditionnel
  • 🌅 Coucher de Soleil : Tons chauds orange et dorés
  • 🌙 Mode Sombre : Pour les consultations nocturnes

Accessibilité

  • WCAG 2.1 AA compliant : Accessible à tous
  • ⌨️ Navigation clavier : Contrôlable entièrement au clavier
  • 🔊 Lecteurs d'écran : Compatible avec les technologies d'assistance
  • 🎭 Contrastes optimisés : Lisible dans toutes les conditions

🔧 Fonctionnalités Techniques

Progressive Web App (PWA)

  • Ultra-rapide : Chargement instantané après la première visite
  • 📱 Installation native : Comportement d'app mobile
  • 🔌 Mode hors-ligne : Fonctionne sans connexion internet
  • 🔄 Synchronisation : Mise à jour automatique des données

Compatibilité

  • 📱 Mobile : iOS Safari, Android Chrome, Samsung Internet
  • 💻 Desktop : Chrome, Firefox, Safari, Edge
  • 📊 Performance : Score Lighthouse >90 dans toutes les catégories

🌟 Pourquoi choisir cette app?

✅ Avantages Uniques

  • 100% Gratuite et sans publicité
  • Données officielles du gouvernement canadien
  • Interface en français conçue pour les Québécois
  • Respect de la vie privée : Aucune donnée personnelle collectée
  • Open Source : Code transparent et vérifiable

🆚 Comparé aux autres apps

  • Plus intuitive : Interface circulaire vs tableaux de chiffres
  • Plus fiable : Sources gouvernementales vs données approximatives
  • Plus belle : Design moderne vs interfaces datées
  • Plus respectueuse : Pas de tracking vs collecte intensive de données

🛠️ Développement et Contribution

Cette application est développée avec amour en utilisant des technologies modernes :

  • Frontend : React 18 + TypeScript + Vite
  • Design : Tailwind CSS + Framer Motion
  • Backend : Vercel Functions + Redis
  • APIs : DFO-MPO Canada + Environment Canada

Vous voulez contribuer ?

  • 🐛 Signaler un bug : Ouvrez une issue sur GitHub
  • 💡 Suggérer une amélioration : Partagez vos idées!
  • 🌍 Ajouter une localité : Aidez-nous à étendre la couverture
  • 📝 Améliorer la doc : Toute aide est bienvenue!

📜 Licence et Légal

  • Licence : MIT - Utilisez librement!
  • Données : Fournies par Pêches et Océans Canada
  • Vie privée : Consultez notre politique de confidentialité
  • Accessibilité : Conforme aux standards canadiens

Fait avec 💙 au Québec et pour les communautés maritimes acadiennes

🏠 Accueil✨ Fonctionnalités🚀 Utilisation🛠️ Contribution

🎉 Prêt à découvrir les marées autrement?

🌊 Consultez la documentation technique pour plus d'informations

Made by CoRhino 4 ZoZo

About

Horloge des marées cute

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors