diff --git a/public/img/avatar/Lucas_Firmo.jpg b/public/img/avatar/Lucas_Firmo.jpg new file mode 100644 index 00000000..66982465 Binary files /dev/null and b/public/img/avatar/Lucas_Firmo.jpg differ diff --git a/public/img/bid_image/Lucas_Firmo.jpg b/public/img/bid_image/Lucas_Firmo.jpg new file mode 100644 index 00000000..da60c436 Binary files /dev/null and b/public/img/bid_image/Lucas_Firmo.jpg differ diff --git a/src/Jsons/Contributors.json b/src/Jsons/Contributors.json index cde78494..03ea1fa0 100644 --- a/src/Jsons/Contributors.json +++ b/src/Jsons/Contributors.json @@ -232,5 +232,14 @@ "location": "Beijing,China 🇹🇳", "GitHub": "https://github.com/EniacTNB", "text": "1. Living by the water, with mountains and snow\n 2. Forgetting all worldly matters, leading a tranquil life and accompanied by family\n 3. Making a small contribution to improve people's lives in leisurely times" + }, + { + "id": "Lucas Firmo", + "image": "img/bid_image/Lucas_Firmo.jpg", + "avatar": "img/avatar/Lucas_Firmo.jpg", + "name": "Lucas Firmo", + "location": "Campo MourĂŁo, ParanĂĄ, Brasil đŸ‡§đŸ‡·", + "GitHub": "https://github.com/lucasfirmo62", + "text": "I like codes" } ] diff --git a/translations/French/CODE_OF_CONDUCT.md b/translations/French/CODE_OF_CONDUCT.md index e69de29b..00fd27c7 100644 --- a/translations/French/CODE_OF_CONDUCT.md +++ b/translations/French/CODE_OF_CONDUCT.md @@ -0,0 +1,130 @@ +# Code de conduite du Contributeur + +## Notre engagement Laptop Maracas Check Mark Button Handshake + +En tant que membres, contributeurs et dirigeants, nous nous engageons Ă  participer Ă  notre +communautĂ© une expĂ©rience sans harcĂšlement pour tous, quels que soient leur Ăąge et leur corps +taille, handicap visible ou invisible, origine ethnique, caractĂ©ristiques sexuelles, genre +identitĂ© et expression, niveau d’expĂ©rience, Ă©ducation, statut socio-Ă©conomique, +nationalitĂ©, apparence personnelle, race, religion ou identitĂ© sexuelle +et l'orientation. + +Nous nous engageons Ă  agir et Ă  interagir de maniĂšre Ă  contribuer Ă  un environnement ouvert, accueillant et +communautĂ© diversifiĂ©e, inclusive et saine. + +## Nos normes Open Book + +Exemples de comportements qui contribuent Ă  un environnement positif pour notre +la communautĂ© comprend : + +* Faire preuve d'empathie et de gentillesse envers les autres +* Être respectueux des diffĂ©rentes opinions, points de vue et expĂ©riences +* Donner et accepter gracieusement des commentaires constructifs +* Accepter la responsabilitĂ© et prĂ©senter ses excuses aux personnes touchĂ©es par nos erreurs, + et apprendre de l'expĂ©rience +* Se concentrer sur ce qui est le mieux non seulement pour nous en tant qu'individus, mais aussi pour + communautĂ© globale + +Voici des exemples de comportements inacceptables : + +* L'utilisation d'un langage ou d'images sexualisĂ©s et l'attention ou l'attention sexuelle + avances de toute nature +* Commentaires trollants, insultants ou dĂ©sobligeants, et attaques personnelles ou politiques +* HarcĂšlement public ou privĂ© +* Publication des informations privĂ©es d'autrui, telles qu'une adresse physique ou un courrier Ă©lectronique + adresse, sans leur autorisation explicite +* Autre conduite qui pourrait raisonnablement ĂȘtre considĂ©rĂ©e comme inappropriĂ©e dans un + cadre professionnel + + + +## ResponsabilitĂ©s d'application Hamsa Eyes + +Les dirigeants communautaires sont responsables de clarifier et de faire respecter nos normes de +comportement acceptable et prendra des mesures correctives appropriĂ©es et Ă©quitables +rĂ©ponse Ă  tout comportement qu'ils jugent inappropriĂ©, menaçant, offensant, +ou nuisible. + +Les dirigeants de la communautĂ© ont le droit et la responsabilitĂ© de supprimer, modifier ou rejeter +commentaires, commits, code, modifications du wiki, problĂšmes et autres contributions qui sont +non alignĂ© sur ce code de conduite, et communiquera les raisons de la modĂ©ration +dĂ©cisions le cas Ă©chĂ©ant. + +## PortĂ©e Globe Showing Americas Globe Showing Asia-Australia Globe Showing Europe-Africa + +Ce code de conduite s'applique dans tous les espaces communautaires, et s'applique Ă©galement lorsque +un individu reprĂ©sente officiellement la communautĂ© dans les espaces publics. +Des exemples de reprĂ©sentation de notre communautĂ© incluent l'utilisation d'une adresse e-mail officielle, +la publication via un compte de rĂ©seau social officiel, ou agir en tant que +reprĂ©sentant dĂ©signĂ© lors d’un Ă©vĂ©nement en ligne ou hors ligne. + +## Enforcement Comet Oncoming Police Car + +Des cas de comportement abusif, harcelant ou autrement inacceptable peuvent ĂȘtre +signalĂ© aux dirigeants communautaires responsables de l’application des rĂšgles Ă  +. +Toutes les plaintes seront examinĂ©es et feront l’objet d’une enquĂȘte rapide et Ă©quitable. + +Tous les dirigeants communautaires sont tenus de respecter la vie privĂ©e et la sĂ©curitĂ© des +journaliste de tout incident. + +## Lignes directrices d'application Man Police Officer Eye + +Les dirigeants communautaires suivront ces lignes directrices sur l’impact communautaire +pour dĂ©terminer les consĂ©quences de toute action qu’ils jugent en violation de ce Code de Conduite: + +### 1. Correction Cross Mark + +**Impact sur la communautĂ©** : Utilisation d'un langage inappropriĂ© ou d'un autre comportement jugĂ© +non professionnel ou indĂ©sirable dans la communautĂ©. + +**ConsĂ©quence** : Un avertissement privĂ© et Ă©crit de la part des dirigeants de la communautĂ©, fournissant +des prĂ©cisions sur la nature de la violation et une explication des raisons pour lesquelles +le comportement Ă©tait inappropriĂ©. Des excuses publiques peuvent ĂȘtre demandĂ©es. + +### 2. Avertissement Warning + +**Impact sur la communautĂ©** : une violation rĂ©sultant d'un seul incident ou d'une sĂ©rie +d'actions. + +**ConsĂ©quence** : un avertissement avec des consĂ©quences en cas de comportement continu. Non +interaction avec les personnes impliquĂ©es, y compris les interactions non sollicitĂ©es avec +ceux qui appliquent le Code de conduite, pendant une pĂ©riode de temps dĂ©terminĂ©e. Ce +inclut d'Ă©viter les interactions dans les espaces communautaires ainsi que les canaux externes +comme les rĂ©seaux sociaux. La violation de ces conditions peut entraĂźner une suspension temporaire ou +Interdiction permanente. + +### 3. Interdiction temporaire Triangular Flag + +**Impact sur la communautĂ©** : Une violation grave des normes de la communautĂ©, notamment +un comportement inappropriĂ© soutenu. + +**ConsĂ©quence** : Une interdiction temporaire de toute sorte d'interaction ou de public +communication avec la communautĂ© pendant une pĂ©riode de temps dĂ©terminĂ©e. Pas de public ou +interaction privĂ©e avec les personnes impliquĂ©es, y compris les interactions non sollicitĂ©es +avec ceux qui appliquent le Code de conduite, est autorisĂ© pendant cette pĂ©riode. +La violation de ces conditions peut entraĂźner une interdiction permanente. + +### 4. Interdiction permanente Waving Hand Thumbs Down + +**Impact sur la communautĂ©** : dĂ©monstration d'un schĂ©ma de violation de la communautĂ© +normes, y compris un comportement inappropriĂ© soutenu, le harcĂšlement d'un +individu, ou agression ou dĂ©nigrement envers des catĂ©gories d’individus. + +**ConsĂ©quence** : une interdiction permanente de toute sorte d'interaction publique au sein +la communautĂ©. + +## Attribution Clapping Hands + +Ce code de conduite est adaptĂ© du [Engagement de contributeur][homepage], +version 2.0, disponible sur +https://www.contributor-covenant.org/version/2/0/code_of_conduct.html. + +Les lignes directrices sur l’impact communautaire ont Ă©tĂ© inspirĂ©es par [Le code de conduite de Mozilla +Ă©chelle d'application](https://github.com/mozilla/diversity). + +[page d'accueil]: https://www.contributor-covenant.org + +Pour obtenir des rĂ©ponses aux questions courantes sur ce code de conduite, consultez la FAQ Ă  l'adresse +https://www.contributor-covenant.org/faq. Les traductions sont disponibles sur +https://www.contributor-covenant.org/translations. \ No newline at end of file diff --git a/translations/French/CONTRIBUTION-GUIDELINES.md b/translations/French/CONTRIBUTION-GUIDELINES.md index e69de29b..4f47d2a4 100644 --- a/translations/French/CONTRIBUTION-GUIDELINES.md +++ b/translations/French/CONTRIBUTION-GUIDELINES.md @@ -0,0 +1,249 @@ +
+

Writing HandDirectives de contributionBookmark Tabs

+ Cette documentation contient un ensemble de lignes directrices pour vous aider pendant le processus de contribution Ă  ce projet. Cette ouvertureGlobe with MeridiansLe projet source a Ă©tĂ© construit Ă  l'aide du framework React et le serveur de dĂ©veloppement devra ĂȘtre dĂ©marrĂ© afin de visualiser le projet sur votre ordinateur local. +
+ +--- + +## Étape 1. Forkez ce rĂ©fĂ©rentiel Fork and Knife with Plate +Visiter le [repository](https://github.com/BeforeIDieCode/BeforeIDieAchievements) sur Github et cliquez sur le bouton Fork. Cela crĂ©era une copie dans votre compte. + + +https://github.com/BeforeIDieCode/BeforeIDieAchievements/assets/120526253/a8425d90-5f3e-4ee6-8499-2cf50643573c + + +## Étape 2. Cloner, ouvrir, installer et dĂ©marrer OK Hand + +Ouvrez un terminal et exĂ©cutez la commande git suivante : + +`git clone url-vous-venez-de-copier` +oĂč url-you-just-copied est remplacĂ© par l'url de ce rĂ©fĂ©rentiel (votre fork de ce projet). Voir les Ă©tapes prĂ©cĂ©dentes pour obtenir l'url. + +![Git Clone](https://github.com/BeforeIDieCode/BeforeIDieAchievements/assets/120526253/4545703b-5803-4f60-96d1-b00b8f3f18a1) +Allez ensuite dans le rĂ©pertoire oĂč le projet est enregistrĂ© et exĂ©cutezMan Running Medium-Dark Skin Tonela commande suivante : + +`npm i` pour installer les dĂ©pendances pour pouvoir exĂ©cuter le React Development Server. + +![npm i](https://github.com/BeforeIDieCode/BeforeIDieAchievements/assets/120526253/645f3bad-701d-42ff-ba8d-c0753d272687) + +ExĂ©cutez ensuite la commande suivante pour ensuite dĂ©marrer et exĂ©cuter le serveur de dĂ©veloppement React ⚛ : + +`npm start` + +![npm start](https://github.com/BeforeIDieCode/BeforeIDieAchievements/assets/120526253/4cb46b1c-8a37-4359-ab60-54bce1c44c92) + +Une fois exĂ©cutĂ© avec succĂšs, votre terminal ressemblera Ă  ceci ci-dessous Backhand Index Pointing Down + +![Complied Successfully](https://github.com/BeforeIDieCode/BeforeIDieAchievements/assets/120526253/20378a7b-9da0-4373-aeeb-f4affa4a6615) + +Ouvrez maintenant un navigateur Web et accĂ©dez Ă  localhost : 3000 si vous n'y ĂȘtes pas dirigĂ© en exĂ©cutant la commande `npm start`. + +![localhost3000](https://github.com/BeforeIDieCode/BeforeIDieAchievements/assets/120526253/b4d739ce-d89d-4383-8faf-883625951182) + + +## Étape 3. CrĂ©ez une nouvelle branche Christmas Tree + +Ouvrez le rĂ©fĂ©rentiel clonĂ© dans un outil d'Ă©dition de code tel que Visual Studio Code ou tout autre Ă©diteur de code de votre choix. Les Ă©tapes suivantes illustrent le processus Ă  l'aide de Visual Studio Code, mais le mĂȘme flux de travail s'applique Ă  d'autres Ă©diteurs de code ou Ă  l'aide des espaces de codes GitHub. + +AccĂ©dez au rĂ©pertoire du rĂ©fĂ©rentiel sur votre ordinateur (si vous n'y ĂȘtes pas dĂ©jĂ ): + +``` +cd BeforeIDieAchievements +``` + +Now create a branch using the command: + +``` +git checkout -b your-branch-name +``` + +For example: + +``` +git checkout -b add-Xander-Clemens +``` +## Étape 4. COLLEZ votre fichier JSON Roller Coaster + +* Collez le code JSON suivant dans src/Jsons/Contributors.json +* Faites dĂ©filer vers le bas de la liste et ajoutez un "," au dernier contributeur JSON avant de coller votre code JSON + +``` +{ + "id": "YOUR_NAME", + "image": "img/bid_image/YOUR_NAME.jpg", + "avatar": "img/avatar/YOUR_NAME.jpg", + "name": "YOUR_NAME", + "location": "YOUR_CITY_COUNTRY_AND_FLAG", + "GitHub": "GITHUB_PROFILE_URL", + "text": "PASTE_WHAT_YOU_WANT_TO_DO_BEFORE_YOU_DIE" +} +``` +RocketCOLLEZ VOTRE CODE CI-DESSUS ET ASSUREZ-VOUS D'AJOUTER "," AVANT LE PRÉCÉDENTRocket + +![Ajout du modĂšle JSON](https://github.com/BeforeIDieCode/BeforeIDieAchievements/assets/120526253/65557bcb-a46e-4d1b-b458-2d6efd6743ad) + +## Étape 5. REMPLISSEZ vos informations JSON Ringed Planet +Pour remplir le code JSON donnĂ©, suivez ces instructions : +1. Remplacez "VOTRE_NOM" par votre nom rĂ©el dans toutes les occurrences. +2. Remplacez "VOTRE_CITY_COUNTRY_AND_FLAG" par votre ville, votre pays et le drapeau de votre pays. White Flag Chequered FlagBlack Flag Ă©moji. +3. Remplacez "GITHUB_PROFIL_URL" par l'URL de votre profil GitHub. +4. Remplacez "COLLEZ_CE_QUE_VOUS_VOULEZ_FAIRE_AVANT_DE_MOURIR" par un texte dĂ©crivant ce que vous voulez faire avant de mourir. +* C'est le moment de rĂ©flĂ©chir Thinking Face et rĂ©flĂ©chissez Ă  ce que VOUS voulez faire avant de mourir et partagez-le ici. Ce texte dĂ©crira l'image que vous tĂ©lĂ©chargez dans le dossier bid_image. Veuillez limiter votre texte Ă  130 mots. +``` +{ + "id": "Juan Perez", + "image": "img/bid_image/Juan_Perez.jpg", + "avatar": "img/avatar/Juan_Perez.jpg", + "name": "Juan Perez", + "location": "Santiago, Chile đŸ‡šđŸ‡±", + "GitHub": "https://github.com/juanperez", + "text": "I want to climb the Villarrica volcano before I die" +} +``` + +## Étape 6. AJOUTEZ VOTRE image de profil GitHub Camera with Flash +- AccĂ©dez Ă  votre profil GitHub puis enregistrez l'image de votre avatar en le formatant .jpg. Veuillez remplacer `` avec votre nom. + +- Vous pouvez ajouter une image diffĂ©rente si vous le souhaitez, mais assurez-vous qu'il s'agit d'une image jpeg, qu'elle mesure `450*450` pixels et qu'elle suit la structure de nom ci-dessus. + +![Enregistrer votre avatar GitHub](https://github.com/BeforeIDieCode/BeforeIDieAchievements/assets/120526253/03b1c574-9dc9-452c-97c6-0987e0440697) + +- High Voltage Une fois enregistrĂ©e, faites glisser votre image dans le `dossier public/img/avatar`. High Voltage + +![TĂ©lĂ©charger votre avatar img](https://github.com/BeforeIDieCode/BeforeIDieAchievements/assets/120526253/a0c08dcd-3a8b-4e87-96d0-06b277308499) + + +## Étape 7. AJOUTEZ VOTRE ENCHÈRE (avant de mourir) Image Hourglass Done +- Trouvez ou crĂ©ez une image qui reprĂ©sente ce que vous voulez faire avant de mourir. Il peut s'agir d'un collage ou d'un seul Ă©lĂ©ment. Prenez le temps de rĂ©flĂ©chir et de lui donner du sens pendant que vous investissez en vous-mĂȘme en contribuant Ă  ce projet open source et en dĂ©finissant ce qui est significatif et important pour vous. +- L'image doit ĂȘtre formatĂ©e au moins « 500*500 » pixels. +- Ajoutez votre image dans le dossier `public/img/bid_image`. +- Vous pouvez jouer avec la façon dont la taille de votre image affecte la galerie de photos et l'ajuster en consĂ©quence. +Il peut ĂȘtre utile de trouver des images de haute qualitĂ© sur des sites Web comme [UnSplash](https://unsplash.com/) ou d'utiliser les outils AI Generative Images. De plus, la modification de vos images sur des outils tels que [Canva](https://www.canva.com/) peut rendre vos images superbes et significatives pour vous. + +![Ajout de l'image BID](https://github.com/BeforeIDieCode/BeforeIDieAchievements/assets/120526253/aaa18f26-cd3a-41f3-92c0-a90d7c5dd274) + +## Étape 8. AJOUTER au fichier CONTRIBUTORS.md + +Copiez le code ci-dessous, puis collez-le dans le fichierCONTRIBUTORS de ce dĂ©pĂŽt. Assurez-vous de le coller sous une autre colonne de fin de contributeurs. Et puis procĂ©dez Ă  la modification avec vos propres informations. + +```html + + + + +
+ YOUR_NAME + + + +``` + +
+ +### Quelques choses à changer: + +- Remplacez le lien par votre propre lien de profil + `` + +- Faites un clic droit sur votre image de profil github et copiez le lien de l'image et collez-le dans la balise `img`. Laissez la propriété `width="100px"` + +```html + +``` + +Accédez simplement à votre page de profil GitHub pour obtenir votre image de profil et votre lien. + +profile_page + +- Remplacez la sous-balise par votre propre nom. + +```html +Votre nom +``` + +Enregistrez ensuite vos modifications. + +
+ +## Étape 9. Git Add, Commit et Push Hot Beverage +Ajoutez vos nouvelles modifications Ă  la branche que vous avez crĂ©Ă©e Ă  l'aide de la commande `git add` : + +```javascript +git ajouter . +``` + +Validez maintenant ces modifications Ă  l'aide de la commande `git commit` : + +```javascript +git commit -m "Ajoutez votre nom Ă  Before I Die" +``` + +Remplacer « votre-nom » par votre nom. + + +Push vos modifications Ă  l'aide de la commande `git push` : + +```javascript +git push origin votre-nom-de-branche +``` + +Remplacer `votre-nom-de-branche` par le nom de la branche que vous avez crĂ©Ă©e prĂ©cĂ©demment. + +
    +
  1. Avant de poursuivre ces étapes, assurez-vous que vos modifications répondent aux exigences des étapes précédentesMan Walking Light Skin Tone
    2. +
  2. Assurez-vous d'avoir ajouté l'image de l'avatar, l'image d'enchÚre (avant de mourir) et que tout votre texte JSON a été correctement saisi et s'affiche correctement sur votre serveur de développement React Smiling Face with Sunglasses
    3. +
  3. Validez vos modifications avec le message "Ajoutez une invite ici" Check Mark Button
    4. +
  4. Envoyez vos modifications à la branche que vous avez créée précédemment lors de l'exécution de la commande `git checkout` Check Box with Check
    5. +
  5. Voir ci-dessous pour un exempleBackhand Index Pointing Down
    6. +
+ +### Exemple de workflow d'ajout/commit/push: + +Si vous ĂȘtes dans le rĂ©pertoire BeforeIDieAchievements de votre terminal: + ```javascript + git add . + git commit -m "Ajouter Xander Clemens Ă  Avant de mourir" + git push -u origin add-Xander-Clemens + ``` + + +## Étape 10. Soumettez vos modifications pour examen Detective + +Si vous accĂ©dez Ă  votre rĂ©fĂ©rentiel sur GitHub, vous verrez un bouton `Compare & pull request`. Cliquez sur ce bouton. + +![Create A Pull Request](https://github.com/BeforeIDieCode/BeforeIDieAchievements/assets/120526253/060a039b-8710-47e4-b875-2aad2091516b) + +Soumettez maintenant la pull request en cliquant sur le bouton `Create pull request`. Assurez-vous d'ajouter des dĂ©tails sur ce que vous ajoutez Ă  la demande d'extraction. + +![Submit A Pull Request](https://github.com/BeforeIDieCode/BeforeIDieAchievements/assets/120526253/e1cbee74-e2e2-4904-948f-77e6b0c73a8e) + + +Si le dĂ©ploiement rĂ©ussit, il y aura une option sur l'Ă©cran ci-dessous pour afficher un « aperçu » de votre contribution avant qu'elle ne passe en production!Desktop Computer + +![Uploading After Creating Pull Request](https://github.com/BeforeIDieCode/BeforeIDieAchievements/assets/120526253/271bda42-25d8-416d-ad81-9b4fbd9fa545) +En voyant cet Ă©cran, soit votre contribution sera acceptĂ©e et fusionnĂ©e dans la branche principale, soit votre contribution recevra un retour et des modifications seront demandĂ©es. +Je vais fusionner toutes vos modifications dans la branche principale de ce projet. Vous recevrez un e-mail de notification une fois les modifications fusionnĂ©es.Alarm Clock + +
    +
  1. Dans le cas oĂč des modifications sont demandĂ©es, suivez le mĂȘme workflow pour demander et mettre Ă  jour votre pull request.
    2. +
  2. Si aucune modification n'a été demandée, elle sera fusionnée dans la branche de production.Clinking GlassesParty Popper
    3. +
+ +## Besoin d'aide? Man Raising Hand Person Facepalming +Si vous avez besoin d'aide supplĂ©mentaire pour rĂ©soudre un problĂšme, n'hĂ©sitez pas Ă  me contacter au [LinkedIn](https://www.linkedin.com/in/alexanderclemens/) ou retrouvez mes coordonnĂ©es sur mon [website](https://www.xanderclemens.com/). + +## Merci d'avoir contribuĂ©!Raising HandsRight-Facing FistLeft-Facing FistClapping Hands +- Bravo! Bottle with Popping Cork Vous venez de terminer le workflow standard fork -> clone -> edit -> pull request que vous rencontrerez souvent en tant que contributeur! + +- S'il te plaĂźt, Ă©toile Star ce rĂ©fĂ©rentiel et partagez-le avec quelqu'un que vous connaissez qui pourrait aimer contribuer ! + +J'espĂšre que vous aurez beaucoup de plaisir en contribuant Ă  ce projet. Si vous vous ĂȘtes inspirĂ© de vos propres recherches sur ce que vous voulez faire avant de mourir, veuillez mettre en vedette Milky WayStar ce dĂ©pĂŽt et partagez-le avec d'autres pour les encourager Ă  contribuer et identifier ce qu'ils veulent faire avant de mourir. + + +# Contribuant Woman Factory Worker Factory Worker + +Nous aimons Heart Suit tirer des demandes de tout le monde. En participant Ă  ce projet, vous +accepter de respecter les [Code de conduite](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/CODE_OF_CONDUCT.md). Veuillez continuer Ă  ajouter ce projet en consultant la [Feuille de route](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/ROADMAP.md) World Map de ce projet en plus de crĂ©er ou de contribuer Ă  [issues](https://github.com/BeforeIDieCode/BeforeIDieAchievements/issues) pour amĂ©liorer davantage ce projet avec des fonctionnalitĂ©s. diff --git a/translations/French/LICENSE b/translations/French/LICENSE index e69de29b..b2bd7ce1 100644 --- a/translations/French/LICENSE +++ b/translations/French/LICENSE @@ -0,0 +1,21 @@ +Licence MIT + +Copyright (c) 2022 Arash + +La permission est accordĂ©e gratuitement Ă  toute personne obtenant une copie +de ce logiciel et des fichiers de documentation associĂ©s (le « Logiciel »), pour traiter +dans le Logiciel sans restriction, y compris, sans limitation, les droits +utiliser, copier, modifier, fusionner, publier, distribuer, sous-licencier et/ou vendre +copies du Logiciel, et pour permettre aux personnes Ă  qui le Logiciel est +fourni Ă  cet effet, sous rĂ©serve des conditions suivantes : + +L'avis de droit d'auteur ci-dessus et cet avis d'autorisation doivent ĂȘtre inclus dans toutes +les copies ou les parties substantielles du Logiciel. + +LE LOGICIEL EST FOURNI « TEL QUEL », SANS GARANTIE D'AUCUNE SORTE, EXPRESSE OU +IMPLICITES, Y COMPRIS MAIS SANS LIMITATION LES GARANTIES DE QUALITÉ MARCHANDE, +APTITUDE À UN USAGE PARTICULIER ET NON-VIOLATION. EN AUCUN CAS LES +AUTEURS OU TITULAIRES DES DROITS D'AUTEUR NE SONT RESPONSABLES DE TOUTE RÉCLAMATION, DOMMAGES OU AUTRES +RESPONSABILITÉ, QUE CE SOIT DANS UNE ACTION CONTRACTUELLE, DÉLIT OU AUTRE, DÉCOULANT DE, +EN RAISON OU EN RELATION AVEC LE LOGICIEL OU L'UTILISATION OU D'AUTRES TRANSACTIONS DANS LE +LOGICIEL. diff --git a/translations/French/README.md b/translations/French/README.md index c89ae7b3..9d48a5b2 100644 --- a/translations/French/README.md +++ b/translations/French/README.md @@ -1,10 +1,79 @@ -_Read this in [other languages](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/translations/Translations.md)_ + + +https://github.com/BeforeIDieCode/BeforeIDieAchievements/assets/120526253/69f2cac2-e8cb-4d6c-9ffd-5588c6aebb73 + +
+ +[![Amour open source](https://firstcontributions.github.io/open-source-badges/badges/open-source-v1/open-source.svg)](https://github.com/firstcontributions/open-source-badges) +[![Licence: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) +Insigne Ă©toile +Contributions + +[![Les coups](https://hits.sh/github.com/BeforeIDieCode/BeforeIDieAchievements.svg?style=flat&label=Visitors&color=014BAD&labelColor=FCE93B)](https://hits.sh/github.com/BeforeIDieCode/BeforeIDieAchievements/) + +[![issues fermĂ©e](https://img.shields.io/github/issues-closed/BeforeIDieCode/BeforeIDieAchievements)](https://github.com/BeforeIDieCode/BeforeIDieAchievements/issues) +[![PRs fermĂ©](https://img.shields.io/github/issues-pr-closed/BeforeIDieCode/BeforeIDieAchievements)](https://github.com/BeforeIDieCode/BeforeIDieAchievements/pulls) +[![Pull Requests Bienvenu](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat)](http://makeapullrequest.com) +[![first-timers-only Friendly](https://img.shields.io/badge/first--timers--only-friendly-blue.svg)](http://www.firsttimersonly.com/) +→ come look at our [good first issues](https://github.com/BeforeIDieCode/BeforeIDieAchievements/issues?q=is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22) + +
+ +_Lisez ceci dans [autres langues](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/translations/Translations.md)_

- +

+ +# Avant de mourirRĂ©alisations + +🌟 Bienvenue sur BeforeIDieAchievements agitant la main, un projet open source qui aide les dĂ©veloppeurs Ă  faire leur premiĂšre pull request et Ă  contribuer Ă  des projets open source. Voir le [lien en direct](https://before-i-die-achievements.vercel.app/). + +## 🚀🎯 Qu’est-ce que BeforeIDieAchievements? + +BeforeIDieAchievements est une plateforme pour aider les dĂ©veloppeurs Ă  s'impliquer dans un projet open source et Ă  documenter leurs objectifs de vieMĂ©daille de la 1Ăšre place. Les dĂ©veloppeurs peuvent partager leurs aspirations avec une image Framed Picture et texte Pen dĂ©crivant ce qu'ils veulent accomplir avant de mourir. Partagez vos objectifs et aspirations de vie avec les autres, rĂ©flĂ©chissez Ă  ce qui compte vraiment pour vous dans la vie et connectez-vous avec des personnes partageant les mĂȘmes idĂ©es. Tirez parti du pouvoir de la communautĂ© pour rĂ©aliser vos rĂȘvesBeaming Face with Smiling Eyes. Before I Die Code est une plate-forme pour documenter vos objectifs de vie, apprendre Ă  contribuer Ă  un projet open source et constitue `UN GRAND PROJET CONVIVIAL POUR LES DÉBUTANTS`. Vous pouvez en savoir plus sur ce projet Ă  partir de ceci [MEDIUM](https://xanderclemens.medium.com/discover-your-life-goals-and-make-your-first-open-source-contribution-with-before-i-die-code-aea8e1130d96) Writing Hand article ou en visitant le [about.md](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/about.md) Upside-Down Face file. + +## 💡🔗 Comment contribuer + +Merci de votre intĂ©rĂȘt Ă  contribuer Ă  notre projet open source ! Nous apprĂ©cions les contributions d’ingĂ©nieurs logiciels comme vous. Voici comment commencer : + +1. VĂ©rifiez le [CONTRIBUTION_GUIDELINES](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/CONTRIBUTION-GUIDELINES.md) : ce fichier contient des instructions sur la façon de contribuer au projet. Il fournit des dĂ©tails sur les exigences spĂ©cifiques pour ajouter votre image et votre texte « Avant de mourir » Ă  notre galerie de photos.Artist Palette. Assurez-vous de suivre ces directives pour vous assurer que votre contribution est acceptĂ©eHundred Points. +2. AmĂ©liorez le projet : jetez un Ɠil aux [problĂšmes ouverts](https://github.com/BeforeIDieCode/BeforeIDieAchievements/issues) et Ă  la [ROADMAP](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main /ROADMAP.md) pour le projet. Ce sont des domaines dans lesquels vous pouvez contribuer et faire la diffĂ©rence. Choisissez un problĂšme ou une tĂąche qui correspond Ă  vos compĂ©tences et intĂ©rĂȘts. Vous pouvez commencer par commenter le problĂšme pour exprimer votre intĂ©rĂȘt Ă  y travailler. +3. CrĂ©ez votre propre numĂ©ro : si vous avez vos propres idĂ©es Saluting Face pour valoriser le projet, n'hĂ©sitez pas Ă  crĂ©er votre propre problĂ©matique. DĂ©crivez votre idĂ©e et les amĂ©liorations que vous souhaiteriez apporter. Cela permet aux autres de collaborer avec vous et de fournir des commentaires. Ensemble, nous pouvons continuellement perfectionner et amĂ©liorer nos compĂ©tences. +4. Soumettez votre contribution : une fois que vous avez effectuĂ© vos modifications ou ajouts, soumettez votre contribution en suivant les directives fournies dans les [CONTRIBUTION_GUIDELINES](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/CONTRIBUTION-GUIDELINES.md). + +N'oubliez pas que la communication et la collaboration sont essentielles dans les projets open source. N'hĂ©sitez pas Ă  poser des questions, demander des Ă©claircissements ou demander de l'aide aux responsables du projet ou Ă  d'autres contributeurs. Nous apprĂ©cions vos contributions et sommes impatients de travailler avec vous Handshake pour valoriser ce projetSun with Face. +Heureux de contribuer! RocketSmiling Face with Halo. + +## Racing CarGreen SquareGetting Started + +Pour commencer avec BeforeIDieAchievements, il suffit de crĂ©er un fork Fork and Knife le rĂ©fĂ©rentiel et commencez Ă  contribuer ! Nous accueillons tous les nouveaux contributeurs et sommes heureux de vous aider Ă  faire votre premiĂšre pull request. Consultez les [CONTRIBUTION_GUIDELINES] (https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/CONTRIBUTION-GUIDELINES.md). + +## 🎉Cool Button License + +BeforeIDieAchievements est sous licence MIT. Voir la [LICENCE](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/LICENSE) fichier pour plus d'informations. + +## Open Hands Contributeurs ArtistMan MechanicWoman Superhero + +Nous tenons Ă  remercier tous les contributeurs qui ont contribuĂ© Ă  rendre BeforeIDieAchievements possible. Consultez le fichier [CONTRIBUTORS](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/CONTRIBUTORS.md) pour voir une liste de toutes les personnes extraordinaires qui ont contribuĂ© Ă  ce projet. + +## Telephone Receiver Contact + +Si vous avez des questions ou des commentaires sur BeforeIDieAchievements, n'hĂ©sitez pas Ă  nous contacter. Nous aimerions avoir de vos nouvelles ! Pour le moment, vous pouvez me contacter sur [LinkedIn](https://www.linkedin.com/in/alexanderclemens/) ou trouver mes coordonnĂ©es sur mon [site web](https://www.xanderclemens.com/). + +Merci de votre intĂ©rĂȘt pour BeforeIDieAchievements. Nous espĂ©rons que vous apprĂ©cierez contribuer Ă  ce projet, en documentant vos objectifs de vie et Shooting Star mettant en vedette Star ce rĂ©fĂ©rentiel! + +## Gear Laptop Pile de codes + +Le projet est construit en utilisant les technologies et le framework suivants: + +| [React](https://reactjs.org/) | [HTML5](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5) | [CSS3](https://developer.mozilla.org/en-US/docs/Web/CSS) | [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) | [Vercel](https://vercel.com/) | +| ------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ | +| ![React](https://github.com/BeforeIDieCode/BeforeIDieAchievements/assets/120526253/b681fe95-b7e3-47cd-8a41-20db2f79a66a) | ![HTML](https://github.com/BeforeIDieCode/BeforeIDieAchievements/assets/120526253/8f07a06b-4077-4a17-8e48-5947d3563d9c) | ![CSS](https://github.com/BeforeIDieCode/BeforeIDieAchievements/assets/120526253/6f0b848d-3a51-448c-b064-a66befeda493) | ![Javascript](https://github.com/BeforeIDieCode/BeforeIDieAchievements/assets/120526253/9ae42a50-e3b9-4a64-b6a0-9727754f9ba6) | ![Vercel Logo](https://github.com/BeforeIDieCode/BeforeIDieAchievements/assets/120526253/ede31c78-f092-4ffd-946b-4f6fda32885e) | + +De plus, les emojis utilisĂ©s pour les fichiers Markdown de ce dĂ©pĂŽt ont Ă©tĂ© crĂ©Ă©s par [Tarikul Islam Anik](https://github.com/Tarikul-Islam-Anik) qui a crĂ©Ă© le rĂ©fĂ©rentiel Alien[Animated Fluent Emojis](https://github.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis)Bomb pour vous aider Ă  utiliser les Ă©mojis fluides animĂ©s Microsoft disponibles en un seul endroit et prĂȘts Ă  ĂȘtre utilisĂ©s dans votre prochain projet ou fichier README. Le [lien](https://animated-fluent-emoji.vercel.app/) vers le site Web. diff --git a/translations/French/about.md b/translations/French/about.md index e69de29b..bbf4d3aa 100644 --- a/translations/French/about.md +++ b/translations/French/about.md @@ -0,0 +1,239 @@ +
+ +# DĂ©couvrez vos objectifs de vie ✹ et apportez votre premiĂšre contribution Open Source 📝 avec Before I Die Code + +
+ +![6](https://github.com/BeforeIDieCode/BeforeIDieAchievements/assets/120526253/100642d0-7f08-4d10-ad7d-70d128506f5e) + +Être assis avec des patients en soins palliatifs Ă  Altamonte Springs, en Floride, dans leurs derniers instants, a profondĂ©ment changĂ© ma vision de la vie quand j'avais 23 ans. Au cours de ma formation, nous avons fait un exercice dans lequel nous rĂ©digions nos listes de choses Ă  faire et les partagions Ă  voix haute. En faisant le tour de la piĂšce, j’ai rĂ©alisĂ© que, que l’on ait 25 ou 95 ans, nous avons tous des rĂȘves que nous aspirons Ă  rĂ©aliser avant la fin de notre temps. + +
+Alexander Clemens Bucketlist back in 2017 + +Ma liste de choses à faire de 2017 et lorsque j'étais bénévole à l'Hospice of the Comforter à Altamonte Springs, en Floride. + +
+ +Dans ces espaces calmes, tenant la main des mourants, j'ai été témoin du réveil d'espoirs et de regrets oubliés depuis longtemps, concernant les chemins non empruntés. Il est devenu évident à quel point chaque instant est précieux et à quel point il est crucial de vivre délibérément. + +
+ +![Comforting hands in a hospice care](https://github.com/BeforeIDieCode/BeforeIDieAchievements/assets/120526253/558dbdd7-4557-425e-81fe-7538f84c44c6) + +Mains réconfortantes dans une unité de soins palliatifs + +
+ +AprĂšs avoir demandĂ© Ă  des amis et Ă  des inconnus ce qu’ils voulaient faire avant de mourir, j’ai Ă©tĂ© Ă©tonnĂ© par la diversitĂ© et la profondeur de leurs rĂ©ponses. Certains voulaient tomber amoureux❀, d'autres assister Ă  un glacier🧊. Beaucoup souhaitaient renouer avec leur ancienne famille, visiter un lieu exotique ou participer Ă  un sport extrĂȘme. Leurs rĂ©ponses Ă©taient pleines de sens et de passion. + +J'ai voyagĂ© Ă  travers tous les continents, mon tĂ©lĂ©phone Ă  la main, [collectant ces histoires](https://www.xanderclemens.com/what-do-you-want-to-do-before-you-die). Des cĂŽtes de l’Alaska Ă  la Nouvelle-ZĂ©lande et entre les deux. J'ai documentĂ© des gens partageant pensivement leurs objectifs ultimes dans la vie. Jeunes et vieux, riches et pauvres, nous avons tous des rĂȘves Ă  porter. + +Cette expĂ©rience m'a montrĂ© le pouvoir d'une rĂ©flexion approfondie sur la question : qu'est-ce qui compte le plus ? Cela lie notre humanitĂ© commune. Nous voulons tous aimer, crĂ©er, nous connecter, explorer et laisser une marque positive sur ce monde. + +Photo de Megan Bucknall sur Unsplash + +J'ai crĂ©Ă© le projet open source [Before I Die Code](https://github.com/BeforeIDieCode/BeforeIDieAchievements) pour inspirer les autres Ă  identifier leur objectif. C'est un endroit pour partager vos rĂȘves parallĂšlement Ă  votre premiĂšre contribution Ă  l'open source. Parce que la vie n’est pas censĂ©e ĂȘtre vĂ©cue passivement – elle est censĂ©e ĂȘtre vĂ©cue avec intention. DĂ©couvrons nos objectifs les plus significatifs
 avant de mourir. + +Je suis ravi de partager Before I Die Code, un projet open source qui aide les dĂ©veloppeurs Ă  contribuer Ă  l'open source tout en rĂ©flĂ©chissant Ă  leurs objectifs et Ă  leurs rĂȘves de vie. + +âžĄïž [AVANT DE MOURIR GitHub Repo](https://github.com/BeforeIDieCode/BeforeIDieAchievements) + +#### VidĂ©o expliquant le code Avant de mourir âŹ‡ïž + +[![Texte alternatif](https://img.youtube.com/vi/xiszqfD_W6U/0.jpg)](https://www.youtube.com/watch?v=xiszqfD_W6U) + +### Partagez vos aspirations grĂące Ă  l'Open Source + +L'idĂ©e derriĂšre Before I Die Code est simple mais puissante : les dĂ©veloppeurs partagent une image et un texte dĂ©crivant ce qu'ils veulent accomplir dans la vie avant de mourir. + +
+ +![Capture d'Ă©cran de mon texte Avant de mourir](https://github.com/BeforeIDieCode/BeforeIDieAchievements/assets/120526253/de88bb5c-2b46-4a96-89cb-3e6a787bf0a2) + +Mon partage de ce que je veux accomplir avant de mourir grĂące au projet open source Before I Die CodeđŸ’» + +
+ +### Cela vous permet de: + +- RĂ©flĂ©chissez profondĂ©ment Ă  vos objectifs, Ă  vos rĂȘves et aux Ă©lĂ©ments de votre liste de choses Ă  faire + +- Identifiez ce qui compte le plus pour vous et l'hĂ©ritage que vous souhaitez laisser + +- Partagez ouvertement vos aspirations avec le monde + +- Connectez-vous plus profondĂ©ment avec d'autres dĂ©veloppeurs autour de rĂȘves partagĂ©s + +- Faites votre premiĂšre contribution open source de maniĂšre personnelle et significative ! + +### Un projet Open Source crĂ©Ă© pour les dĂ©butants + +Before I Die, Code est intentionnellement conçu pour ĂȘtre convivial aux dĂ©butants. Je l'ai crĂ©Ă© pour offrir une entrĂ©e facile Ă  ceux qui souhaitent se lancer dans l'open source. + +#### Le projet propose: + +- Des directives de contribution Ă©tape par Ă©tape pour vous guider lors de votre premiĂšre demande de tirage + +- Commentaires de code clairs et dĂ©taillĂ©s expliquant la configuration du serveur de dĂ©veloppement React, la modification de Contributors.json, l'ajout d'images et la mise Ă  jour du fichier [CONTRIBUTORS.md](http://CONTRIBUTORS.md) + +- Une communautĂ© accueillante et solidaire de passionnĂ©s de l'open source + +C'est l'endroit parfait pour apprendre le processus de pull request, perfectionner vos compĂ©tences en programmation, vous connecter avec d'autres passionnĂ©s et donner un sens Ă  votre vie. + +### Comment s'impliquer dans le Code Avant de Mourir + +Contribuer est simple: + +1. [Forkez le rĂ©fĂ©rentiel GitHub](https://github.com/BeforeIDieCode/BeforeIDieAchievements/fork) + +2. Suivre la [directives de contribution](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/CONTRIBUTION-GUIDELINES.md) Pour ajouter votre objectif “Avant de mourir“, y compris une image et un texte de description. + +3. Ouvrez une demande d'extraction pour soumettre votre contribution. + +4. Commentaires supplĂ©mentaires, rapports de bugs đŸȘČ et nouvelles idĂ©es 💡sont les bienvenus + +Le front-end du projet Before I Die Code est construit avec [React](https://reactjs.org/), [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript), [HTML](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5), and [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS), et il est actuellement dĂ©ployĂ© sur [Vercel](https://vercel.com/). Cependant, la technologie Ă©voluera avec le dĂ©ploiement car j'ai l'intention de postuler pour que ce projet open source soit prĂ©sentĂ© sur [Page d'exploration de GitHub](https://github.com/explore). Pour cela, le projet devra utiliser les pages GitHub. + +### Un peu sur la façon dont ce projet a Ă©tĂ© construit + +J'ai eu cette idĂ©e en apprenant Ă  contribuer de maniĂšre indĂ©pendante Ă  des projets open source. Les principaux rĂ©fĂ©rentiels recommandent aux dĂ©butants de mettre Ă  jour le fichier Markdown avec leurs informations GitHub, ce qui est appropriĂ© pour comprendre le flux de travail sur la maniĂšre de contribuer et de complĂ©ter une pull request. Cependant, je voulais voir un projet qui dĂ©montre que les nouveaux contributeurs doivent rĂ©flĂ©chir par eux-mĂȘmes Ă  ce qui est important pour eux et partager cet aspect. Le fait de partager cela publiquement permettra aux individus de ressentir davantage de sens et d'attachement pour continuer Ă  dĂ©velopper la base de code, la pile technologique et l'impact de la maniĂšre dont ce projet peut Ă©voluer et grandir avec le temps. + +Pour le dĂ©but de ce projet, je tiens Ă  crĂ©diter l'utilisateur GitHub [Arash](https://github.com/Banana021s) pour avoir partagĂ© et crĂ©Ă© une [Galerie thĂ©matique React](https://github.com/Banana021s/Gallery-Media) que j'ai utilisĂ©e comme point de dĂ©part pour dĂ©velopper la premiĂšre version de Before I Die Code. J'ai fait cela parce que je n'ai pas rĂ©ussi Ă  trouver la galerie de photos exacte que je souhaitais pour ce projet sans devoir installer des bibliothĂšques React supplĂ©mentaires. Au dĂ©but de ce projet, j'ai cherchĂ© Ă  limiter l'utilisation de bibliothĂšques Ă  des fins de taille, tout en cherchant Ă  mieux comprendre les capacitĂ©s du CSS et du JSX de React par eux-mĂȘmes. Arash a fait un excellent travail en crĂ©ant une galerie multimĂ©dia que j'ai pu comprendre et personnaliser pour ce projet. + +La plupart de mes recherches et ajouts de blocs de code spĂ©cifiques proviennent de l'utilisation de [Perplexity.ai](http://Perplexity.ai), un moteur de recherche et un outil de dĂ©couverte d'informations alimentĂ©s par l'IA. Par exemple, cela m'a conduit Ă  configurer et Ă  utiliser le bloc de code dans mon composant MasonryLayout.jsx component (qui se trouve dans le src/Components/MasonryLayout/MasonryLayout.jsx du projet) pour randomiser les images des contributeurs Ă  chaque fois qu'un utilisateur consulte ou actualise la page Web. + +#### VidĂ©o du mĂ©lange d'images âŹ‡ïž + +[![Texte alternatif](https://img.youtube.com/vi/XbAL3ajad3c/0.jpg)](https://www.youtube.com/watch?v=XbAL3ajad3c) + +### Le code React.jsx que j'ai utilisĂ© pour ce composant + +```javascript +// import styles of this component +import styles from "./MasonryLayout.module.css"; + +// import other react pkg to use +import Masonry from "react-masonry-css"; + +// import other component to use +import MasonryBox from "./MasonryBox/MasonryBox"; + +// MasonryLayout Component +const MasonryLayout = ({ images }) => { + const breakpointColumnsObj = { + default: 3, + 1100: 2, + 700: 1, + }; + + // Shuffle the images array + const shuffledImages = images.sort(() => Math.random() - 0.5); + + return ( + + {shuffledImages.map((item) => ( + + ))} + + ); +}; + +export default MasonryLayout; +``` + +- J'ai importĂ© les styles, la bibliothĂšque React Masonry et le composant MasonryBox dont j'avais besoin pour mon composant MasonryLayout. J'ai Ă©galement dĂ©fini la fonction du composant MasonryLayout. + +- À l'intĂ©rieur de mon composant, je spĂ©cifie les points de rupture de la mise en page en colonnes pour diffĂ©rentes tailles d'Ă©cran dans un objet breakpointColumns. Je mĂ©lange ensuite le tableau d'images de maniĂšre alĂ©atoire afin que les Ă©lĂ©ments s'affichent dans un ordre mĂ©langĂ©. + +- J'itĂšre sur le tableau d'images mĂ©langĂ©es pour rendre les composants MasonryBox individuels pour chaque Ă©lĂ©ment d'image transmis. Le composant MasonryLayout renvoie lui-mĂȘme la disposition en grille Masonry. + +- Lorsque je renvoie la mise en page, je transmets les colonnes de points de rupture que j'ai dĂ©finies, les classes de style et les composants MasonryBox mappĂ©s. Cela permet d'afficher la grille de mosaĂŻque d'images rĂ©active avec les Ă©lĂ©ments d'image mĂ©langĂ©s dans les composants MasonryBox. + +Une aide supplĂ©mentaire et des ressources supplĂ©mentaires sont venues de l'Ă©tude d'autres projets open source et de rĂ©fĂ©rentiels de dĂ©veloppeurs. Par exemple, en cherchant sur GitHub, j'ai dĂ©couvert le dĂ©veloppeur frontend, le dĂ©veloppeur open source et le rĂ©dacteur technique [Victor Eke](https://github.com/Evavic44). Parmi les nombreux projets open source auxquels il a contribuĂ© et qu'il a crĂ©Ă©s, j'ai utilisĂ© son dĂ©pĂŽt [Portfolio Ideas](https://github.com/Evavic44/portfolio-ideas) pour obtenir des idĂ©es sur la structure de la documentation. De plus, j'ai lu son article de blog [“How my open source project got 1000 stars on GitHub in 4 months”](https://eke.hashnode.dev/how-my-open-source-project-got-1000-stars-on-github-in-4-months) sur ce qu'il a fait pour dĂ©passer les 1 000 Ă©toiles sur son projet open source. J'ai Ă©galement Ă©tudiĂ© l'un des dĂ©pĂŽts les plus populaires de [first-contributions repositories](https://github.com/firstcontributions/first-contributions) (qui compte plus de 37 000 Ă©toiles) pour sa structure de documentation excellente. Enfin, pour ajouter davantage d'intĂ©rĂȘt visuel Ă  la documentation prĂ©sente dans le Before I Die Code, j'ai utilisĂ© le projet open source [Animated Fluent Emojis](https://github.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis) projet de [Tarikul Islam Anik](https://github.com/Tarikul-Islam-Anik). + +Le projet est construit avec le framework React, structurĂ© avec un rĂ©pertoire public et src. La structure des dossiers de ce projet s'est ouverte dans mon Visual Studio Code. + +
+Before I Die Code file structure + +Structure du fichier Avant de mourir Code + +
+ +### Les domaines dans lesquels la plupart de mes travaux et de mes modifications ont eu lieu sont les suivants: + +- [public/img/avatar](https://github.com/BeforeIDieCode/BeforeIDieAchievements/tree/main/public/img/avatar) — fichier image crĂ©Ă© pour stocker les photos GitHub des contributeurs. + +- [public/img/bid_image](https://github.com/BeforeIDieCode/BeforeIDieAchievements/tree/main/public/img/bid_image) — fichier image crĂ©Ă© pour stocker l'image bid_image des contributeurs (image "Before I Die"). Cette image reprĂ©sente ce que chaque contributeur souhaite rĂ©aliser avant de mourir. + +- [public/img/dummy-image](https://github.com/BeforeIDieCode/BeforeIDieAchievements/tree/main/public/img/dummy_image) — a crĂ©Ă© un fichier image pour stocker neuf images principales affichĂ©es dans la section supĂ©rieure du site Web, visibles par tous les utilisateurs. + +- [src/Components](https://github.com/BeforeIDieCode/BeforeIDieAchievements/tree/main/src/Components) — J'ai personnalisĂ© le CSS et le JSX pour chaque composant que vous voyez rĂ©pertoriĂ© : BrickLayout, ContainerCard, Elements, Header, MasonryLayout, et Nav. J'ai utilisĂ© React, une bibliothĂšque JavaScript, pour crĂ©er des interfaces utilisateur. Cela me permet de dĂ©couper l'interface utilisateur en de petits composants rĂ©utilisables. React utilise un DOM virtuel et un algorithme de mise Ă  jour efficace pour accĂ©lĂ©rer et optimiser les mises Ă  jour. J'apprĂ©cie que React suive une approche de programmation dĂ©clarative. En tant que dĂ©veloppeur, cela me permet de me concentrer sur l'apparence souhaitĂ©e de l'interface utilisateur plutĂŽt que sur des instructions dĂ©taillĂ©es pour y parvenir. + +- [src/Jsons/Contributors.json](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/src/Jsons/Contributors.json) — J'ai dĂ» crĂ©er un moyen simple pour les contributeurs d'ajouter leurs informations dans un modĂšle JSON prĂ©dĂ©fini. Ces donnĂ©es JSON reprĂ©sentent un tableau d'objets, oĂč chaque objet contient des informations sur l'identifiant de la personne, les URL des images, le nom, l'emplacement, le profil GitHub et un texte dĂ©crivant ce qu'ils souhaitent rĂ©aliser avant de mourir. Ces donnĂ©es fournissent les informations nĂ©cessaires pour afficher le profil, les images et les objectifs de chaque personne sur la page Web Before I Die Code. + +- Les fichiers restants du projet React dans le rĂ©pertoire "src" n'ont subi que des modifications mineures que j'ai apportĂ©es. + +- [CODE_OF_CONDUCT.md](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/CODE_OF_CONDUCT.md) — J'ai dĂ» crĂ©er la premiĂšre version du code de conduite, que tous les projets open source rĂ©ussis possĂšdent. Dans ce cas, mon code de conduite est basĂ© sur l'Ă©chelle d'application du code de conduite de Mozilla. + +- [CONTRIBUTION-GUIDELINES.md](http://CONTRIBUTION-GUIDELINES.md) — J'ai dĂ» crĂ©er des instructions pour expliquer aux nouveaux contributeurs comment effectuer les Ă©tapes et le flux de travail corrects pour ajouter leurs informations Ă  ce projet open source. Pour cela, j'ai dĂ» apprendre rapidement des solutions pour inclure des vidĂ©os dans mon fichier Markdown afin d'aider Ă  expliquer les Ă©tapes et de m'assurer que les contributeurs se sentent habilitĂ©s Ă  continuer Ă  contribuer aprĂšs leur premiĂšre demande de tirage. + +- [CONTRIBUTORS.md](http://CONTRIBUTORS.md) — Tous les projets open source rĂ©ussis promeuvent et montrent leur apprĂ©ciation envers toutes les personnes qui ont contribuĂ© Ă  leurs projets. C'est le but de ce fichier. Il affiche les images des contributeurs et les liens vers leur profil GitHub. + +- [README.md](http://README.md) — J'ai dĂ» m'assurer que mon README Ă©tait bien organisĂ© en expliquant le but de ce projet, Ă  qui il est destinĂ© pour apporter de la valeur, et en aidant Ă  introduire de nouveaux contributeurs de maniĂšre organisĂ©e, ainsi qu'Ă  expliquer comment contribuer au projet. Comme mentionnĂ© prĂ©cĂ©demment, mes fichiers Markdown utilisaient des animations pour faciliter la documentation crĂ©ative de ce projet. + +- [ROADMAP.md](http://ROADMAP.md) — Enfin, j'ai ajoutĂ© une feuille de route des orientations potentielles pour ce projet. Il s'agit de la premiĂšre version d'une liste d'idĂ©es qui m'ont traversĂ© l'esprit, et j'attends avec impatience que la communautĂ© open source la dĂ©veloppe, la peaufine et la complĂšte en crĂ©ant des problĂšmes ouverts et en travaillant sur de nouvelles fonctionnalitĂ©s, pour faire progresser ce projet. + +### OĂč va Before I Die Code Ă  partir d’ici? + +Cela s'inscrit parfaitement dans les idĂ©es actuelles que j'ai dĂ©crites dans le [ROADMAP.md](http://ROADMAP.md) de ce projet et dans la maniĂšre dont ce projet peut continuer Ă  Ă©voluer avec la communautĂ©. Les individus peuvent mettre Ă  profit leurs compĂ©tences existantes et acquĂ©rir de nouvelles compĂ©tences pour enrichir davantage ce projet. La technologie Ă©voluera constamment, mais le dĂ©sir humain d'accomplir des moments de vie significatifs avant de mourir perdurera toujours. Mon premier objectif est d'inciter 100 personnes Ă  contribuer au projet en partageant leurs contributions "Before I Die". En lisant la feuille de route, vous dĂ©couvrirez de nombreuses idĂ©es pour comprendre comment le projet peut ĂȘtre amĂ©liorĂ© en utilisant de nouvelles technologies, en intĂ©grant l'IA, ou en ajoutant une API, en adaptant le projet pour qu'il soit rĂ©actif en fonction de la taille de l'Ă©cran, en amĂ©liorant l'interface utilisateur, en utilisant Python pour analyser les souhaits des individus avant leur dĂ©cĂšs, et en faisant de ce projet un projet open source majeur auquel de nouveaux dĂ©veloppeurs peuvent contribuer pour apprendre et dĂ©velopper les compĂ©tences nĂ©cessaires Ă  la contribution Ă  des projets open source. + +
+RoadMap + +[ROADMAP.MD](http://ROADMAP.MD) actuel pour le code Before I Die en date du 17 août 2023 + +
+ +_Vos contributions offrent des perspectives diverses qui rendent le projet vĂ©ritablement spectaculaire. J'aimerais que vous partagiez vos rĂȘves les plus fous!_ + +### Aidez Ă  crĂ©er la communautĂ© Open Source Before I Die + +Au-delĂ  du projet, contribuer Ă  Before I Die Code vous connecte avec la passionnante communautĂ© open source. Apprenons ensemble, collaborons sur le code et apportons des contributions open source significatives, tant pour les logiciels que pour nos vies. + +N'hĂ©sitez pas Ă  partager vos rĂ©flexions et vos commentaires ! DĂ©couvrez le projet, mettez une ⭐ au dĂ©pĂŽt GitHub et effectuez votre premiĂšre pull request aujourd'hui. Merci d'avoir pris le temps de lire mon article. + +### J'ai construit ce projet pour nous permettre d'atteindre nos objectifs et nos rĂȘves. Commençons! + +1. [BeforeIDieAchievements 🌟](https://github.com/BeforeIDieCode/BeforeIDieAchievements) + +2. [README.md](http://README.md) [📚](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/README.md) + +3. [CONTRIBUTION-GUIDELINES.md](http://CONTRIBUTION-GUIDELINES.md) [đŸ€](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/CONTRIBUTION-GUIDELINES.md) + +4. [ROADMAP.md](http://ROADMAP.md) [đŸ—ș](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/ROADMAP.md) + +#### Connectez-vous avec moi! + +- [MEDIUM 📝](https://xanderclemens.medium.com/) + +- [LINKEDIN đŸ’Œ](https://www.linkedin.com/in/alexanderclemens/) + +- [GITHUB 🐙](https://github.com/XanderRubio) + +- [YOUTUBE đŸŽ„](https://www.youtube.com/channel/UCocfFCNHRhCT27RnHLPRcSw) + +- [WEBSITE 🌐](https://www.xanderclemens.com/)