Crypto-Grapher
Application web développée avec React.js, Typescript, MaterialUI, Chart.js et React-chartjs-2.
Réalisé en 2022
Cette application web est réalisée en React.js et Typescript. Les librairies suivantes ont été utilisées : Axios pour les appels à l'API de coingecko.com, Chart.js, React-chartjs-2, MaterialUI et React-alice-carousel pour l'interface utilisateur, Html-react-parser pour l'affichage de code html interprété, React-router-dom pour la navigation.
Les données de l'applications sont récupérées depuis l'API de coingecko.com.
L'application permet d'afficher le cours des 100 cryptomonnaies les plus importantes (par market cap), d'afficher les graphiques de l'évolution du cours, du market cap et du volume d'échange sur 1 jours, 1 mois, 3 mois ou 1 an et de comparer le cours de plusieurs cryptomonnaies sur un même graphique.
Le tableau des cryptomonnaies propose un filtre dynamique opérant sur le nom ou l'id des cryptomonnaies. Un système de pagination à également été mis en oeuvre.
Cette application est inspirée d'une vidéo youtube de RoadsideCoder : https://www.youtube.com/c/RoadsideCoder .
La page d'accueil de l'application.
Page d'information d'une cryptomonnaie.
