Moviedo ?? ️ ?? ♀️ "Obtenez des critiques de films en clic"
Un site Web de critique de film réactif ?? "Moviedo" ?? Utilisation de fichiers JSON et de réaction.
Si vous êtes un débutant et que vous recherchez votre première contribution, nous sommes là pour vous aider. Ajoutez simplement votre film préféré, sa note et sa courte description dans nos https://github.com/garimasingh128/hacktoberfest2020-moviédo/tree/master/src/data/data.json et cela compte comme votre premier PR.
Juste 5 étapes simples pour gagner votre t-shirt pour Hacktoberfest 2020 ??? ??
- Ouvrez le fichier
src/data/data.json dans votre éditeur de code de choix. - Ajoutez un autre objet JSON dans le même format de votre film préféré
- Enregistrez vos modifications.
- La carte de cinéma apparaîtra sur votre page d'accueil sur
http://localhost:8000 ! - Fait! Prêt à créer votre demande de traction?
Caractéristiques ??
- Utilise Bulma CSS.
- Conception minimaliste.
- 100% réactif
- Séparation complète des données et du code.
- Voir ça en direct
Contribution à Hacktoberfest 2020 ??
L'Open Source change le monde - une demande de traction à la fois. ?? Hacktoberfest encourage la participation à la communauté open source, qui s'agrandit chaque année. Remplissez le défi 2020 et gagnez un t-shirt en édition limitée.
??♂️Hacktoberfest is open to everyone in our global community. Whether you’re new to development, a student, long-time contributor, event host, or company of any size, you can help drive growth of open source and make positive contributions to an ever-growing community. All backgrounds and skills levels are encouraged to complete the challenge.??♂️
De plus, notre site Web est ouvert aux contributions de Frontend et de Designer Fellows qui veulent nous aider à l'agrandir et mieux.
Faites toutes les demandes de traction vers la branche "Develop" uniquement. Maintenons une branche maître stable qui est déployée. Les modifications seraient fusionnées plus tard dans la branche principale.
Instructions: ?? ?? ️
1. ?? Inscrivez-vous pour HackToberfest 2019
Lien vers le registre: https://hacktoberfest.digitalocean.com/
2. ?? se démarquer
Voir notre site Web sur: https://hacktoberfest.netlify.com/
Passez aux instructions en cliquant sur le Commencer à contribuer
bouton
Lisez les instructions et cliquez sur la fin pour passer au référentiel ou cliquez ici pour vous diriger vers le référentiel.
3. ?? Star et Fork ce référentiel
Vous pouvez étoiler et fourche?
Les URL du référentiel GitHub feront référence à la fois le nom d'utilisateur associé au propriétaire du référentiel, ainsi que le nom du référentiel.
Lorsque vous êtes sur la page principale du référentiel, vous verrez un bouton pour "étoiler" et "fourche" le référentiel sur votre côté supérieur droit de la page, sous votre icône utilisateur.
3. ?? clone le référentiel
Pour faire votre propre copie locale du référentiel que vous souhaitez contribuer, ouvrons d'abord une fenêtre de terminal.
Nous utiliserons la commande git clone avec l'URL qui pointe vers votre fourche du référentiel.
Cette URL sera similaire à l'URL ci-dessus, sauf qu'elle se terminera avec .git. Dans l'exemple ci-dessus, l'URL ressemblera à ceci:
https://github.com/your-username/hacktoberfest2020-moviedo.git
Vous pouvez également copier l'URL en utilisant le bouton vert «clone ou télécharger» à partir de votre page de référentiel que vous venez de fourrer à partir de la page du référentiel d'origine. Une fois que vous avez cliqué sur le bouton, vous pourrez copier l'URL en cliquant sur le bouton de liant à côté de l'URL.
Une fois que nous avons l'URL, nous sommes prêts à cloner le référentiel. Pour ce faire, nous combinerons la commande GIT CLONE avec l'URL du référentiel de la ligne de commande dans une fenêtre de terminal:
git clone https://github.com/your-username/Hacktoberfest2020-MovieDo.git
4. ?? Créer une nouvelle branche
Pour créer votre branche, à partir de votre fenêtre de terminal, modifiez votre répertoire afin que vous travaillez dans le répertoire du référentiel. Assurez-vous d'utiliser le nom réel du référentiel (c'est-à-dire HackToberfest2020-MoviEDO) pour se transformer dans ce répertoire.
cd Hacktoberfest2020-MovieDo
Maintenant, nous allons créer notre nouvelle branche avec la commande Git Branch. Assurez-vous de le nommer de manière descriptive afin que les autres travaillant sur le projet comprennent sur quoi vous travaillez.
git branch new-branch
Maintenant que notre nouvelle branche est créée, nous pouvons changer pour nous assurer que nous travaillons sur cette branche en utilisant la commande de caisse git:
git checkout new-branch
Une fois que vous aurez saisi la commande checkout GIT, vous recevrez la sortie suivante:
Output:
Switched to branch 'new-branch'
À ce stade, vous pouvez désormais modifier les fichiers existants ou ajouter de nouveaux fichiers au projet sur votre propre branche.
Assurez-vous d'avoir lu le contribution.md avant de commencer à contribuer de telle sorte que vous fassiez des RP remarquables et facilement acceptables.
Apporter des modifications localement. Pour ex-
ATTENTION: Les fichiers JSON suivent un certain format, n'oubliez pas d'ajouter une virgule avant de commencer à modifier votre bloc et c'est bien si vous ajoutez une virgule après avoir terminé votre bloc.
De plus, si vous souhaitez faire des contributions de niveau intermédiaire ou avancé, rendez-vous vers notre section intermédiaire et faites votre marque.
Une fois que vous avez modifié des fichiers existants ou ajouté de nouveaux fichiers au projet, vous pouvez les ajouter à votre référentiel local, que vous pouvez faire avec la commande git add. Ajoutons le drapeau -a pour ajouter toutes les modifications que nous avons apportées:
git add -A ou git add .
Ensuite, nous voulons enregistrer les modifications que nous avons apportées au référentiel avec la commande git commit.
Le message de validation est un aspect important de votre contribution de code; Il aide les autres contributeurs à comprendre pleinement le changement que vous avez apporté, pourquoi vous l'avez fait et à quel point il est significatif. De plus, les messages de validation fournissent un enregistrement historique des changements pour le projet dans son ensemble, en aidant les futurs contributeurs en cours de route. Ainsi, vous devez vous assurer d'écrire un message de validation significatif. Si dans une confusion, reportez-vous aux bonnes directives de contribution incluses dans le ##### contributing.md
Si vous avez un message très court, vous pouvez enregistrer cela avec l'indicateur -M et le message en citations:
Example:
git commit -m "Updated Readme.md"
À ce stade, vous pouvez utiliser la commande git push pour pousser les modifications à la branche actuelle de votre référentiel fourchu:
Example:
git push --set-upstream origin new-branch
5. ?? Mettre à jour le référentiel local
Tout en travaillant sur un projet aux côtés d'autres contributeurs, il est important pour vous de garder votre référentiel local à jour avec le projet car vous ne souhaitez pas faire une demande de code de code qui provoquera des conflits. Pour garder votre copie locale de la base de code mise à jour, vous devrez synchroniser les modifications.
Nous allons d'abord passer en revue une télécommande pour la fourche, puis la synchronisation de la fourche.
6. ?? Configurer une télécommande pour la fourchette
Ensuite, vous devrez spécifier un nouveau référentiel en amont à distance pour que nous puissions nous synchroniser avec la fourche. Ce sera le référentiel d'origine d'où vous avez fourré. Vous devrez le faire avec la commande git à distance ADD.
git remote add upstream https://github.com/garimasingh128/Hacktoberfest2020-MovieDo
Dans cet exemple, // en amont // est le nom court que nous avons fourni pour le référentiel distant car en termes de git, «en amont» fait référence au référentiel que vous avez cloné. Si vous souhaitez ajouter un pointeur distant au référentiel d'un collaborateur, vous voudrez peut-être fournir le nom d'utilisateur de ce collaborateur ou un surnom abrégé pour le court-nom.
7. ?? Sync de la fourchette
Une fois que vous avez configuré une télécommande qui fait référence au référentiel en amont et original sur GitHub, vous êtes prêt à synchroniser votre fourche du référentiel pour le maintenir à jour.
Pour synchroniser votre fourche, à partir du répertoire de votre référentiel local dans une fenêtre de terminal, vous devrez utiliser la commande // git fetch // pour récupérer les branches avec leurs validations respectives du référentiel en amont. Depuis que vous avez utilisé le nom court «en amont» pour vous référer au référentiel en amont, vous devrez passer cela à la commande:
git fetch upstream
Passez à la branche maître locale de notre référentiel:
git checkout master
Furez maintenant toutes les modifications apportées dans la branche maîtresse du référentiel d'origine, auquel vous accéderez via votre branche locale en amont / maître, avec votre branche maître locale:
git merge upstream/master
8. ?? Créer une demande de traction
À ce stade, vous êtes prêt à faire une demande de traction vers le référentiel d'origine. Faites des PRS à la branche de développement uniquement!
Accédez maintenant à votre référentiel fourchu et appuyez sur le bouton «Nouveau Pull Demande» sur votre côté gauche de la page.
? ? Hourra!!! Vous venez de vous rapprocher de votre défi hacktoberfest. ?
Heureux?? Étoiler ce dépôt. ?
? Vérifiez votre statut de contribution de Hacktoberfest à: ?? ️
https://hacktoberfest.digitalocean.com/profile
Le tour est joué!
Déployer avec Netlify?
Le projet peut fonctionner dans n'importe quel environnement Web Frontend, mais le moyen le plus rapide de l'essayer est de l'exécuter sur un site de démarrage préconfiguré avec NetLify. Utilisez le bouton ci-dessous pour créer et déployer votre propre copie du référentiel: ?? ️
- ? Après avoir cliqué sur ce bouton, vous vous authentifierez avec GitHub et choisissez un nom de référentiel.
- ? Netlify créera alors automatiquement un référentiel dans votre compte GitHub avec une copie des fichiers à partir du modèle.
- «Il construire et déployer le nouveau site sur Netlify, vous amenant le tableau de bord du site lorsque la construction sera terminée.
? Propriétaire
Garima Singh
? ? Junior | Aspirant développeur de logiciels | ? Code d'expédition depuis 2018 | Mentor open source? | Devrel? ️
Licence? ?? ️?
La licence du MIT (MIT)
Copyright (C) 2020 Garima Singh Moviedo
L'autorisation est accordée gratuitement à toute personne qui obtient une copie de ce logiciel et des fichiers de documentation associés (le "logiciel"), pour traiter le logiciel sans restriction, y compris sans limiter les droits d'utilisation, de copie, de modification, de fusion, de publication, de distribution, de sublince et / ou de vendre des copies des conditions suivantes.
L'avis de droit d'auteur ci-dessus et le présent avis d'autorisation sont inclus dans toutes les copies ou des parties substantielles du logiciel.
Le logiciel est fourni "tel quel", sans garantie d'aucune sorte, express ou implicite, y compris, mais sans s'y limiter, les garanties de qualité marchande, d'adéquation à un usage particulier et de non-contrefaçon. En aucun cas, les auteurs ou les détenteurs de droits d'auteur ne seront pas responsables de toute réclamation, dommage ou autre responsabilité, que ce soit dans une action de contrat, de délit ou autre, découlant de, hors du logiciel ou de l'utilisation ou d'autres relations dans le logiciel.
? ? ? ? ? Merci à nos impressionnants contributeurs? ? ? ? ?
