Bienvenue sur CryptoTracker ! 🚀 Un projet simple pour afficher les prix des cryptomonnaies en temps réel en utilisant l'API publique de CoinGecko.<sfdgdeghdsfgdf
- Affiche les 50 principales cryptomonnaies par capitalisation boursière.
- Prix en EUR avec mise à jour en temps réel.
- Changement de prix sur 24 heures avec indication visuelle (vert pour une augmentation, rouge pour une diminution).
- Design moderne et responsive grâce à Bootstrap 5.
- Thème sombre pour une meilleure expérience visuelle. 🌚
- Un navigateur web moderne (Chrome, Firefox, Edge, Safari).
- Connexion Internet pour accéder à l'API de CoinGecko et aux CDN de Bootstrap et FontAwesome.
- Cloner le dépôt
git clone https://github.com/sfeirc/CryptoTracker
- Accéder au dossier du projet
cd CryptoTracker
- Structure des fichiers
- index.html
- assets/
- style/
- style.css
- script.js
- Ouvrir le fichier
index.html
- Double-cliquez sur le fichier
index.html
pour l'ouvrir dans votre navigateur préféré. - Ou ouvrez-le directement via le navigateur en utilisant
Fichier
>Ouvrir
.
- index.html : Contient la structure HTML principale du site.
- assets/style/style.css : Fichier CSS pour les styles personnalisés.
- assets/script/script.js : Script JavaScript pour récupérer et afficher les données de l'API.
- HTML5
- CSS3
- JavaScript
- Bootstrap 5 - Framework CSS pour un design responsive.
- FontAwesome - Pour les icônes.
- CoinGecko API - Source des données de cryptomonnaies.
Vous pouvez personnaliser le projet selon vos besoins :
- Modifier le nombre de cryptomonnaies affichées : Changez le paramètre
per_page
dans l'URL de l'API dansscript.js
. - Changer la devise : Remplacez
vs_currency=eur
par une autre devise commeusd
pour les dollars. - Adapter le style : Modifiez le fichier
style.css
pour changer les couleurs, polices, etc.
- Limites de l'API : L'API de CoinGecko est publique et n'exige pas de clé API pour des appels basiques, mais veuillez respecter leurs conditions d'utilisation.
- Dépendances en ligne : Le projet utilise des CDN pour Bootstrap et FontAwesome. Assurez-vous d'avoir une connexion Internet lors de l'utilisation.
Les contributions sont les bienvenues ! N'hésitez pas à ouvrir une issue ou une pull request pour suggérer des améliorations.
- Fork le projet.
- Créez votre branche feature (
git checkout -b feature/ma-feature
). - Commit vos modifications (
git commit -m 'Ajout de ma nouvelle fonctionnalité'
). - Push vers la branche (
git push origin feature/ma-feature
). - Ouvrez une Pull Request.
Merci d'avoir utilisé CryptoTracker ! 💙