Un générateur de badges SVG élégant et personnalisable pour vos profils GitHub. Créez des badges visuels avec vos statistiques GitHub et intégrez-les facilement dans vos README.md.
Exemple de badge généré pour l'utilisateur GitHub "Axxel-L"
- Repositories : Nombre total de dépôts publics
- Stars : Total des étoiles reçues
- Forks : Total des forks
- Followers/Following : Suiveurs et comptes suivis
- Top languages : Les 5 langages de programmation les plus utilisés
- Interface utilisateur élégante avec effets glassmorphism
- Thème sombre professionnel
- SVG responsive et optimisé
- Avatars GitHub intégrés en Base64 (compatible GitHub)
- Markdown : Pour vos README.md GitHub
- HTML : Pour vos sites web et portfolios
- URL directe : Pour une utilisation flexible
Utilisez directement notre API en ligne :
Rendez-vous sur notre site web et utilisez l'interface intuitive : https://projets.agence-prestige-numerique.fr/github_stats/
- Entrez votre nom d'utilisateur GitHub
- Cliquez sur "Générer le badge SVG"
- Copiez le code dans le format de votre choix
Clonez le dépôt et hébergez votre propre instance :
# Clonez le repository
git clone https://github.com/Axxel-L/github-profile-svg.git
# Configurez les URLs dans les fichiers
# - generate.php
# - stats.php
# - script.js
# Déployez sur votre serveur PHP- PHP 7.4+ : API de génération SVG
- GitHub API v3 : Récupération des données utilisateur
- JSON : Stockage des statistiques
- HTML5 / CSS3 : Structure et style
- JavaScript (ES6+) : Interactions dynamiques
- Tailwind CSS : Framework CSS utilitaire
- SVG : Format d'image vectorielle
- API REST : Architecture modulaire
- CORS activé : Accès cross-origin autorisé
- Cache intelligent : Performance optimisée (1h)
- Serveur web avec PHP 7.4+
- Accès à Internet (pour GitHub API)
- Cloner le repository
git clone https://github.com/Axxel-L/github-profile-svg.git- Configurer les URLs Modifiez les fichiers suivants :
// script.js
const API_BASE = 'https://votre-domaine.com/github_stats/api/generate.php';
const STATS_API = 'https://votre-domaine.com/github_stats/api/stats.php';- Permissions du système de fichiers
# Donnez les permissions d'écriture pour le fichier de statistiques
chmod 755 api/
chmod 664 api/stats.json- Configuration PHP (optionnel) Si nécessaire, augmentez les limites PHP :
max_execution_time = 30
memory_limit = 128M- Déployer sur votre serveur Uploader les fichiers sur votre serveur web accessible via HTTPS.
✅ Statistiques anonymes :
- Nombre total de générations
- Nombre total de visiteurs
- Statistiques quotidiennes et mensuelles
❌ Ce que nous ne collectons PAS :
- Données personnelles des utilisateurs GitHub
- Informations de connexion
- Historique des requêtes
- Adresses IP
- Utilisation de l'API GitHub officielle
- Rate limiting respecté (60 requêtes/heure sans token)
- Données affichées publiquement sur GitHub
Le générateur inclut un système de statistiques qui affiche :
- ✅ Nombre total de badges générés
- 👥 Nombre de visiteurs uniques
- 📅 Générations du mois en cours
- 🕐 Dernière génération
Vous pouvez modifier les fichiers suivants pour personnaliser l'apparence :
generate.php: Modifier les couleurs, la disposition du SVGindex.html: Changer l'interface utilisateurscript.js: Ajouter de nouvelles fonctionnalités
Markdown (GitHub README) :
# Mon Profil GitHub
HTML (Site personnel) :
<div class="github-stats">
<img src="https://projets.agence-prestige-numerique.fr/github_stats/api/generate.php?username=votre_nom"
alt="Statistiques GitHub">
</div>Les contributions sont les bienvenues ! Pour contribuer :
- Forkez le projet
- Créez une branche pour votre fonctionnalité (
git checkout -b feature/AmazingFeature) - Committez vos changements (
git commit -m 'Add some AmazingFeature') - Pushez vers la branche (
git push origin feature/AmazingFeature) - Ouvrez une Pull Request
Ce projet est sous licence MIT. Voir le fichier LICENSE pour plus de détails.
Un grand merci à :
- GitHub pour leur API
- La communauté open source pour les outils et bibliothèques