Ce référentiel contient le code du projet de mon didacticiel Ranker Youtube sur la création d'une application de vote à choix classé en temps réel, basée sur un websocket (ajoutez un autre terme avec trait d'union à votre guise) !
J'espère que cela vous aidera, vous et vos amis, à choisir un film à voir, une destination de vacances ou à trouver un endroit pour manger sans perdre autant de temps à délibérer que votre enthousiasme pour sortir disparaît complètement !
Consultez l'aperçu de l'application pour déterminer si vous êtes intéressé !
Ce projet contient une branche starter que vous pouvez utiliser pour suivre depuis le début du didacticiel. Vous pouvez soit cloner la branche de démarrage, soit utiliser un outil tel que degit pour obtenir une copie du référentiel sans aucun historique.
npx degit https://github.com/JacobSNGoodwin/ranker-course.git#starter Ce référentiel comprendra également une branche pour chaque tutoriel. Donc, si vous souhaitez nous rejoindre plus tard dans le cours, vous pouvez cloner cette branche ou utiliser degit comme ci-dessus, mais en remplaçant starter par le nom de la branche comme suit :
npx degit https://github.com/JacobSNGoodwin/ranker-course.git#{branch}Pour exécuter l’application, vous devrez installer certains outils prérequis.
Tout d’abord, vous devez pouvoir exécuter la commande docker-compose . Si vous parvenez à installer Docker avec Docker Desktop, c'est probablement la solution la plus simple.
Deuxièmement, vous aurez besoin de NodeJS pour les applications client et serveur. Je vous recommande d'utiliser nvm ou nvm-windows et de vous assurer d'utiliser la même version de nœud trouvée dans le fichier .nvmrc à la racine du projet. Vous pouvez exécuter nvm use à partir de la racine du projet pour vous assurer que vous utilisez la même version de node que moi.
Une fois tout installé et Docker exécuté sur votre ordinateur, vous pouvez lancer un conteneur Docker exécutant redis-json , l'application backend Nest JS et l'application front-end React en exécutant ce qui suit à partir de la racine du projet.
npm run start Le fichier package.json de la racine du projet et ses scripts npm servent essentiellement à faciliter l'exécution de toutes les applications et d'une base de données à la fois.
Vous pouvez également exécuter ces applications séparément en exécutant les scripts npm appropriés dans le fichier package.json de chaque projet.
Ce dépôt contient un dossier de didacticiels contenant un document pour chacune des leçons vidéo. Il ne s’agit pas de documents bien rédigés et complets. Cependant, ceux-ci contiendront les scripts, ou notes, que j'utilise pour créer les vidéos avec des extraits de code et des images. Par conséquent, ces documents peuvent vous être utiles pour copier et coller du code ou pour examiner le contenu des vidéos de manière plus efficace.
Ou bien, sautez toutes les vidéos. Ce n’est pas comme si je faisais ça pour l’argent (mais n’hésitez pas à m’envoyer de grosses sommes d’argent ou à me proposer des emplois lucratifs). Créer de longs didacticiels vidéo de niche n’attirera jamais beaucoup de téléspectateurs. Je ferais des vidéos d'informations générales ou des cours intensifs si c'est ce que je voulais.
