Carte interactive et ressources communautaires pour Duet Night Abyss
DNA Interactive est une plateforme web communautaire dédiée au jeu Duet Night Abyss. Notre mission est de faciliter l'exploration et la découverte de cet univers fascinant en fournissant des outils interactifs et des ressources utiles aux joueurs.
DNA Interactive n'est en aucun cas affilié ou lié au créateur du jeu Duet Night Abyss. Ce site est un projet communautaire indépendant créé par des fans pour des fans. Toutes les données et ressources utilisées proviennent de sources publiques et respectent les droits d'auteur et les conditions d'utilisation du jeu original.
Pour plus d'informations sur le jeu officiel, visitez le site d'Ascencia.
- 6 régions cartographiées : Explorez tous les recoins du jeu
- Système de marqueurs : Marquez automatiquement vos découvertes
- Filtres avancés : Catégorisation par type de contenu (coffres, PNJ, points d'intérêt)
- Interface responsive : Compatible desktop et mobile
- Navigation fluide : Zoom, panoramique et recherche intuitifs
- Page d'accueil : Présentation du projet et du jeu
- Support & FAQ : Aide complète et questions fréquentes
- Contact : Formulaire de contact et informations communautaires
- À propos : Histoire du projet et équipe
- SEO optimisé : Métadonnées complètes, Open Graph, Twitter Cards
- Performance : Images optimisées, lazy loading, PWA-ready
- Accessibilité : Navigation ARIA, contraste optimisé
- Internationalisation : Support français complet
- Node.js 18+ ou Bun 1.2+
- Git pour le clonage
-
Clonez le repository
git clone https://github.com/your-username/dna-interactive.git cd dna-interactive -
Installez les dépendances
# Avec Bun (recommandé) bun install # Ou avec npm npm install # Ou avec yarn yarn install
-
Lancez le serveur de développement
# Avec Bun bun run dev # Avec npm npm run dev # Avec yarn yarn dev
-
Ouvrez votre navigateur
http://localhost:3000
- Next.js 15 - Framework React moderne avec App Router
- TypeScript - Typage statique pour JavaScript
- Bun - Runtime JavaScript ultra-rapide
- Tailwind CSS - Framework CSS utilitaire
- Lucide React - Icônes SVG modernes
- Leaflet - Bibliothèque de cartes interactives
- React Leaflet - Intégration React pour Leaflet
- Jotai - Gestion d'état légère et performante
- JSON - Stockage des données de cartes
- Métadonnées Next.js - SEO automatique et optimisé
- Données structurées - JSON-LD pour les moteurs de recherche
- Sitemap dynamique - Indexation automatique
- Robots.txt - Instructions pour les crawlers
dna-interactive/
├── public/
│ ├── assets/
│ │ ├── ui/ # Éléments d'interface (logos, icônes)
│ │ ├── icons/ # Icônes des catégories
│ │ ├── worldview/ # Images du carrousel
│ │ └── swiper/ # Images supplémentaires
│ ├── manifest.json # Configuration PWA
│ └── robots.txt # Instructions SEO
├── src/
│ ├── app/
│ │ ├── layout.tsx # Layout principal avec métadonnées
│ │ ├── page.tsx # Page d'accueil
│ │ ├── globals.css # Styles globaux
│ │ ├── sitemap.ts # Sitemap dynamique
│ │ ├── map/ # Page de la carte interactive
│ │ ├── contact/ # Page de contact
│ │ ├── support/ # Page de support
│ │ └── about/ # Page à propos
│ ├── components/
│ │ ├── MapComponent.tsx # Composant carte principal
│ │ ├── StructuredData.tsx # Données structurées SEO
│ │ └── Providers.tsx # Providers React
│ ├── lib/
│ │ ├── constants.ts # Constantes centralisées
│ │ └── store.ts # État global Jotai
│ └── data/
│ └── mapData.json # Données des cartes
└── package.json
# Développement
bun run dev # Serveur de développement
bun run build # Build de production
bun run start # Serveur de production
bun run lint # Vérification ESLint
# Analyse
bun run type-check # Vérification TypeScript
bun run analyze # Analyse du bundle (si configuré)-
Variables d'environnement
# Créez un fichier .env.local NEXT_PUBLIC_SITE_URL=https://dna.ascencia.re -
Build de production
bun run build
-
Déploiement
bun run start
- Vercel - Déploiement automatique depuis Git
- Netlify - Hébergement moderne
- Railway - Déploiement simple
Les contributions sont les bienvenues ! Voici comment participer :
- Fork le projet
- Créez une branche (
git checkout -b feature/AmazingFeature) - Committez vos changements (
git commit -m 'Add some AmazingFeature') - Push vers la branche (
git push origin feature/AmazingFeature) - Ouvrez une Pull Request
- Signalez des bugs ou des problèmes
- Suggérez de nouvelles fonctionnalités
- Améliorez la documentation
- Partagez vos découvertes dans le jeu
- Discord : Rejoignez notre serveur
- Email : contact@ascencia.re
- Créateur : Ahmed Karim aka PedroKarim
- Studio : Ascencia
Le projet utilise des métriques anonymes pour améliorer l'expérience utilisateur. Aucune donnée personnelle n'est collectée.
- Aucune donnée utilisateur stockée côté serveur
- Préférences sauvegardées localement uniquement
- Cookies fonctionnels uniquement (thème, préférences)
- Respect RGPD et des normes de confidentialité
- Carte interactive complète
- Interface responsive
- SEO optimisé
- Support multilingue (FR)
- Système de recherche avancé
- Mode hors-ligne (PWA)
- Partage de découvertes communautaires
- API pour intégrations tierces
- Mode sombre/clair automatique
- Calculatrice de ressources
- Guide visuel des quêtes
- Base de données des PNJ
- Outil de planification d'exploration
- Ahmed Karim (PedroKarim) - Créateur & Développeur principal
- Tous les testeurs et contributeurs
- La communauté Duet Night Abyss
- Next.js - Framework web
- Tailwind CSS - Framework CSS
- Leaflet - Cartes interactives
- Lucide - Icônes
- Ascencia - Studio créateur du jeu
Ce projet est sous licence MIT. Voir le fichier LICENSE pour plus de détails.
Duet Night Abyss est un jeu d'aventure captivant développé par Ascencia. Le jeu transporte les joueurs dans un monde mystérieux rempli de secrets, de créatures étranges et de trésors cachés.
DNA Interactive a été créé pour enrichir l'expérience de jeu en fournissant des outils communautaires et des ressources utiles aux joueurs.
Fait avec ❤️ pour la communauté Duet Night Abyss
🌟 Explorez, découvrez, maîtrisez ! 🌟