Ce projet a pour but d'initier mon apprentissage de la librairie JavaScript React.
Il a été conçu en suivant d'abord un cours permettant de poser de bonnes bases en React puis, peu à peu, je m'éloigne du caneva du cours.
Ce projet est en cours de conception. Il portera sur le thème de l'alimentation saine.
Cliquez sur le titre pour avoir un aperçu de certaines fonctionnalités
Vérifiez que vous avez node.js en tapant node -v en ligne de commande.
Si non: installez Node.js en cliquant ici
Vérifiez que vous avez bien un gestionnaire de paquet (yarn ou npm) sinon installez l'un d'eux
Commandes (ici avec npm) pour importer en local ce repo et les outils ajoutés en plus:
git clone <lien du repo> <nom du dossier où héberger le repo>
Puis vous devez installer les fichiers nécessaires au démarrage d'une app React :
npm install
Si vous n'avez pas déjà ces outils en locales, il faut alors aussi installer sass et react-router:
npm i sass
npm install react-router-dom@
Ma motivation pour la conception de ce projet est le site de Michael Greger Nutrition Facts .
Il est l'un des médecins qui a alerté sur les conséquences dramatiques de la malbouffe occidentale.
Sans prétendre à une visée scientifique que je n'ai pas, j'aimerais puiser sur les sources les plus sérieuses - notamment celles de Nutrition Facts - afin de concevoir ce projet d'apprentissage pour mettre mes compétences au service d'une noble cause: se donner les moyens de se respecter et vivre en bonne santé et plus longtemps grâce aux nouvelles habitudes alimentaires.
L'idée est de faire un site qui soit dynamique avec la possibilité de voir les résultats de ses choix en terme d'habitudes alimentaires et être sensibilisé ou se créer un suivi sur un dashboard. Il y aura aussi la possibilité - fictive - d'acheter des produits.
Enfin, j'ai l'idée de gamifier le projet
Affaire à suivre !
En utilisant la librairie React et son mode spécifique de fonctionnement, je décide aussi d'utiliser sass et peut-être TypeScript qui viendra remplacer alors mes premiers choix en JavaScript.
Nota: les photos sont libre de droit. Pour trouver les sources des photos utilisées dans le site allez voir dans le fichier SOURCES.md