github-visitor-counter

GitHub Visitor Counter est un outil open source affichant les drapeaux des pays des visiteurs sur le README de votre profil GitHub. Il fonctionne en tant qu'API serverless déployée sur Vercel, sans maintenance ni inscription requise. ## Aperçu Les utilisateurs ajoutent une simple balise image Markdown à leur README GitHub pour afficher l'origine des visiteurs. Le service s'intègre à l'API Flag Counter et propose quatre modes d'affichage : Pays principaux, Carte de drapeaux, Drapeaux depuis (États-Unis/Canada) et Compteur Mini. ## Fonctionnalités clés - **Intégration en une ligne** : Ajoutez une seule ligne Markdown à n'importe quel README de profil GitHub - **Aucune inscription requise** : Fonctionne immédiatement avec seulement un nom d'utilisateur GitHub - **Quatre modes d'affichage** : Liste des pays principaux, visualisation cartographique, drapeaux filtrés par localisation et compteur compact - **Multiples thèmes** : Défaut, Sombre, GitHub, GitHub Sombre et Transparent - **Compteurs par dépôt** : Suivi des visites pour chaque dépôt individuellement - **Compatible ID officiel** : Prend en charge les ID Flag Counter existants pour l'intégration au tableau de bord - **Outil de configuration en temps réel** : Tableau de bord web interactif avec aperçu instantané - **Raccourcis clavier et import/export de configuration** pour les utilisateurs avancés ## Modes d'affichage 1. **Pays principaux** : Grille de drapeaux triés par nombre de visiteurs 2. **Carte de drapeaux** : Visualisation géographique des localisations des visiteurs 3. **Drapeaux depuis** : Drapeaux filtrés montrant uniquement les visiteurs des pays spécifiés (États-Unis ou Canada) 4. **Compteur Mini** : Affichage compact indiquant le nombre de drapeaux ou de vues de page ## Stack technique Développé avec Next.js 15, React 19, TypeScript, Tailwind CSS, et déployé sur Vercel avec mise en cache CDN globale. ## Utilisation Ajoutez ceci au README de votre profil GitHub : ```  ``` Les paramètres optionnels incluent `displayMode`, `theme`, `columns`, `maxflags`, `label`, couleurs personnalisées, etc. Le suivi par dépôt utilise `repo` ou le format combiné `nom_utilisateur/dépôt`. Les utilisateurs existants de Flag Counter peuvent passer le paramètre `counterId`. ## Auto-hébergement Le projet est sous licence MIT et peut être auto-hébergé via le déploiement Vercel ou en développement local avec `npm run dev`. L'ensemble du code source est disponible dans le dépôt.