Bienvenue sur SPORTSEE

Il s'agit d'une application sportive, connectée avec une API. Grâce à React et la technologie des hooks, la navigation et le transfert des données est ultra rapide. Pour le transfert les datas entre les composants, j'utilise les states et les props. L'affichage des graphiques est réalisé avec la librairie Rechart, qui est une sur-couche de D3.Js. Pour l'API, j'utilise NODE.JS et son Framework Express.js.

Techniques de développement :

• Connecter une API avec une application Front-End
• Création un micro-service pour développer l'application avant sa mise en production
• Routage
• Développer des composants sans états pour les ré-utiliser
• Hooks (usestate,useffect)
• Utiliser react avec des fonctions
• Utiliser une librarie externe pour les graphiques
• Gestion des datas

Outils techniques :

• React.js
• Sass
• React router dom
• Axios
• Node.Js
• Express.js
• Rechart.js
• D3.js

Quelques captures d'écrans :

Pré-Requis :

Pour faire tourner ce projet, vous aurez besoin de NodeJS et de télécharger ce projet.

Une fois téléchargé :

1)Back end :

• Ouvrir le terminal de commande de votre IDE
• NPM Install
• NPM RUN dev:server
• Le serveur doit se lancer et tourner sur votre serveur local:3001

2)Front end :

• Ouvrir le terminal de commande de votre IDE
• NPM Install
• NPM Start
• Le projet doit se lancer dans votre navigateur et tourner sur votre serveur local:3000