diff --git a/CONTRIBUTION-GUIDELINES.md b/CONTRIBUTION-GUIDELINES.md
index c6d102a8..9ea4a7af 100644
--- a/CONTRIBUTION-GUIDELINES.md
+++ b/CONTRIBUTION-GUIDELINES.md
@@ -85,7 +85,7 @@ git checkout -b add-Xander-Clemens
## Step 5. FILL OUT your JSON info
To fill out the given JSON code, follow these instructions:
1. Replace "YOUR_NAME" with your actual name in all occurrences.
-2. Replace "YOUR_CITY_COUNTRY_AND_FLAG" with your city, country, and flag emoji.
+2. Replace "YOUR_CITY_COUNTRY_AND_FLAG" with your city, country, and country flag emoji.
3. Replace "GITHUB_PROFILE_URL" with the URL of your GitHub profile.
4. Replace "PASTE_WHAT_YOU_WANT_TO_DO_BEFORE_YOU_DIE" with a text describing what you want to do before you die.
* This is your time to think and reflect on what YOU want to do before you die and share it here. This text will describe the image you upload in the bid_image folder. Please limit your text to 130 words.
diff --git a/CONTRIBUTORS.md b/CONTRIBUTORS.md
index fd7dac7c..59057190 100644
--- a/CONTRIBUTORS.md
+++ b/CONTRIBUTORS.md
@@ -161,7 +161,7 @@
-
+
+
+
);
+ useEffect(() => {
+ // Change the language when the component mounts based on ipInfo
+ i18next.changeLanguage(languages[ipInfo?.country_code]);
+ }, [ipInfo]); // Empty dependency array to run this effect only once when the component mounts
return (
-
+
{isEnlarged && (
-
-
-
{presetText} {userText}
{/* Add preset text here */}
+
+
+
+
+
{presetText}
+
{userText}
+
{" "}
+
+
+ {/* Add preset text here */}
{isTextVisible && (
+ );
+}
+
+export default Title;
diff --git a/src/Components/Title/Title.scss b/src/Components/Title/Title.scss
new file mode 100644
index 00000000..90d8080d
--- /dev/null
+++ b/src/Components/Title/Title.scss
@@ -0,0 +1,124 @@
+$t: 2s;
+$slides: 9;
+$color: hsl(15, 75%, 40%);
+
+.svg-draw {
+ width: 15vmax;
+ height: 20vmax;
+ stroke: $color;
+ animation: rotateHue infinite $t * $slides * 2 linear;
+ @keyframes rotateHue {
+ 0% {
+ filter: hue-rotate(0deg);
+ }
+ 20% {
+ filter: hue-rotate(45deg);
+ }
+ 25% {
+ filter: hue-rotate(90deg);
+ }
+ 45% {
+ filter: hue-rotate(135deg);
+ }
+ 50% {
+ filter: hue-rotate(180deg);
+ }
+ 70% {
+ filter: hue-rotate(225deg);
+ }
+ 75% {
+ filter: hue-rotate(270deg);
+ }
+ 95% {
+ filter: hue-rotate(315deg);
+ }
+ 100% {
+ filter: hue-rotate(360deg);
+ }
+ }
+ animation-delay: calc($t / 21);
+}
+@keyframes strokeOffset {
+ to {
+ stroke-dashoffset: 0px;
+ }
+}
+
+#mask-a-1 {
+ animation: strokeOffset 1s linear forwards;
+}
+#mask-a-2 {
+ animation: strokeOffset 1s linear forwards 1s;
+}
+#mask-n {
+ animation: strokeOffset 0.5s linear forwards 2s;
+}
+#mask-o {
+ animation: strokeOffset 0.5s linear forwards 2.5s;
+}
+#mask-p-1 {
+ animation: strokeOffset 0.5s linear forwards 3s;
+}
+
+#mask-p-2 {
+ animation: strokeOffset 0.5s linear forwards 3.5s;
+}
+
+#mask-n-2 {
+ animation: strokeOffset 0.5s linear forwards 4s;
+}
+#mask-e {
+ animation: strokeOffset 0.5s linear forwards 4.5s;
+}
+#mask-s {
+ animation: strokeOffset 0.5s linear forwards 5s;
+}
+
+#mask-o-2 {
+ animation: strokeOffset 0.5s linear forwards 5.5s;
+}
+#mask-u {
+ animation: strokeOffset 0.5s linear forwards 6s;
+}
+#mask-r {
+ animation: strokeOffset 0.5s linear forwards 6.5s;
+}
+
+#mask-c {
+ animation: strokeOffset 0.5s linear forwards 7s;
+}
+#mask-e-2 {
+ animation: strokeOffset 0.5s linear forwards 7.5s;
+}
+
+#mask-p-2-1 {
+ animation: strokeOffset 0.5s linear forwards 8s;
+}
+#mask-p-2-2 {
+ animation: strokeOffset 0.5s linear forwards 8.5s;
+}
+#mask-r-2 {
+ animation: strokeOffset 0.5s linear forwards 9s;
+}
+#mask-o-3 {
+ animation: strokeOffset 0.5s linear forwards 9.5s;
+}
+#mask-j-1 {
+ animation: strokeOffset 0.5s linear forwards 10s;
+}
+
+#mask-j-2 {
+ animation: strokeOffset 0.5s linear forwards 10.5s;
+}
+#mask-j-3 {
+ animation: strokeOffset 0.5s linear forwards 11s;
+}
+#mask-e-3 {
+ animation: strokeOffset 0.5s linear forwards 11.5s;
+}
+#mask-c-t-1 {
+ animation: strokeOffset 0.5s linear forwards 12s;
+}
+#mask-c-t-2 {
+ animation: strokeOffset 0.5s linear forwards 12.5s;
+}
diff --git a/src/Jsons/Contributors.json b/src/Jsons/Contributors.json
index c799164e..86d33a0f 100644
--- a/src/Jsons/Contributors.json
+++ b/src/Jsons/Contributors.json
@@ -1,5 +1,5 @@
[
-{
+ {
"id": "Alexander Clemens",
"image": "img/bid_image/Alexander_Clemens.jpg",
"avatar": "img/avatar/Alexander_Clemens.jpg",
@@ -103,7 +103,7 @@
"image": "img/bid_image/Addie_Lopshire-Bratt.jpg",
"avatar": "img/avatar/Addie_Lopshire-Bratt.jpg",
"name": "Addie Lopshire-Bratt",
- "location": "Denver, USA 🇺🇸",
+ "location": "Denver, Colorado, USA 🇺🇸",
"GitHub": "https://github.com/addielb",
"text": "I want to live in Amsterdam and spend my free time exploring the Netherlands and Europe."
},
@@ -153,12 +153,103 @@
"text": "I want to visit as many countries as possible before I die."
},
{
- "id":"Tyler Celestin",
- "image":"img/bid_image/Tyler_Celestin.jpg",
- "avatar":"img/avatar/Tyler_Celestin.jpg",
- "name":"Tyler Celestin",
- "location":"Brooklyn, New York, USA",
- "GitHub":"https://github.com/ccelest1",
- "text":"I sincerely appreciate great design and aesthetics. In that same vein, I would cherish the opportunity to travel to vistas that exhibit careful and detailed architecture that is synergistic with their cultural and environmental surroundings. One of those places is, of course, Japan, which is renowned for its talented engineers and attention to green practices. One of my dreams is to work in the field of design, or potentially civil engineering if possible."
- }
+ "id": "Tyler Celestin",
+ "image": "img/bid_image/Tyler_Celestin.jpg",
+ "avatar": "img/avatar/Tyler_Celestin.jpg",
+ "name": "Tyler Celestin",
+ "location": "Brooklyn, New York, USA 🇺🇸",
+ "GitHub": "https://github.com/ccelest1",
+ "text": "I sincerely appreciate great design and aesthetics. In that same vein, I would cherish the opportunity to travel to vistas that exhibit careful and detailed architecture that is synergistic with their cultural and environmental surroundings. One of those places is, of course, Japan, which is renowned for its talented engineers and attention to green practices. One of my dreams is to work in the field of design, or potentially civil engineering if possible."
+ },
+ {
+ "id": "Negar Nasiri",
+ "image": "img/bid_image/Negar_Nasiri.jpg",
+ "avatar": "img/avatar/Negar_Nasiri.jpg",
+ "name": "Negar Nasiri",
+ "location": "Lisbon, Portugal 🇵🇹",
+ "GitHub": "https://github.com/negar-75",
+ "text": "I've always dreamed of owning my own business, generating income, creating numerous job opportunities, and leaving a significant mark on the world."
+ },
+ {
+ "id": "Hanny Jangra",
+ "image": "img/bid_image/Hanny_Jangra.jpg",
+ "avatar": "img/avatar/Hanny_Jangra.jpg",
+ "name": "Hanny Jangra",
+ "location": "Mahendergarh, Haryana, India 🇮🇳",
+ "GitHub": "https://github.com/honeyjangra2309",
+ "text": "I want to write a science fiction and a romantic novel before I die."
+ },
+ {
+ "id": "Sangjune Lee",
+ "image": "img/bid_image/Sangjune_Lee.jpg",
+ "avatar": "img/avatar/Sangjune_Lee.jpg",
+ "name": "Sangjune Lee",
+ "location": "Seoul, Korea 🇰🇷",
+ "GitHub": "https://github.com/SJLEE411",
+ "text": "I want to become an impactful person who can bring changes to this world."
+ },
+ {
+ "id": "Tomás Arrativel",
+ "image": "img/bid_image/Tomas_Arrativel.jpg",
+ "avatar": "img/avatar/Tomas_Arrativel.jpg",
+ "name": "Tomás Arrativel",
+ "location": "Gualeguay, Argentina 🇦🇷",
+ "GitHub": "https://github.com/Tomas-Arrativel",
+ "text": "I want to be a motocross champion in my country."
+ },
+ {
+ "id": "Ben Tracy",
+ "image": "img/bid_image/Ben_Tracy.jpg",
+ "avatar": "img/avatar/Ben_Tracy.jpeg",
+ "name": "Ben Tracy",
+ "location": "Charlottesville, Virginia, USA 🇺🇸",
+ "GitHub": "https://github.com/BenTracyDotCom",
+ "text": "I want to see and sleep under the Northern Lights."
+ },
+ {
+ "id": "Varun Patodia",
+ "image": "img/bid_image/varun_patodia.jpg",
+ "avatar": "img/avatar/varun_patodia.jpg",
+ "name": "Varun Patodia",
+ "location": "Bhopal, Madhaya Pradesh, India 🇮🇳",
+ "GitHub": "https://github.com/vrun4750",
+ "text": "I want to go trekking all the places in India before I die."
+ },
+ {
+ "id": "Dinesh Anbazhagan",
+ "image": "img/bid_image/Dinesh_Anbazhagan.jpg",
+ "avatar": "img/avatar/Dinesh_Anbazhagan.jpg",
+ "name": "Dinesh Anbazhagan",
+ "location": "Vellore, Tamil Nadu, India 🇮🇳",
+ "GitHub": "https://github.com/itzmidinesh",
+ "text": "I have always been fascinated by computers and technology. I want to become a software developer and feed my hunger for technology. If I can contribute something of significance to open source software, that is an added benifit I will take any day."
+ },
+ {
+ "id": "Simardeep Singh",
+ "image": "img/bid_image/BeforeSimarDies.jpg",
+ "avatar": "img/avatar/Simar.jpg",
+ "name": "Simardeep Singh",
+ "location": "Calgary, Alberta, Canada 🇨🇦",
+ "GitHub": "https://github.com/SimardeepSingh-zsh",
+ "text": "I want to release my own rap album before I die."
+
+ },
+ {
+ "id": "Zhang Zhao",
+ "image": "img/bid_image/Zhang_Zhao.jpeg",
+ "avatar": "img/avatar/Zhang_Zhao.jpeg",
+ "name": "Zhang Zhao",
+ "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/src/css-reset.css b/src/css-reset.css
index 3fa745b7..1091a437 100644
--- a/src/css-reset.css
+++ b/src/css-reset.css
@@ -7,8 +7,8 @@ b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button, input {
margin: 0;
@@ -21,7 +21,7 @@ time, mark, audio, video, button, input {
box-sizing: border-box;
font-family: 'Poppins', sans-serif ;
}
-article, aside, details, figcaption, figure,
+article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
@@ -45,4 +45,4 @@ table {
}
a {
text-decoration: none;
-}
\ No newline at end of file
+}
diff --git a/src/fonts/Chalk/Chalk-3.ttf b/src/fonts/Chalk/Chalk-3.ttf
new file mode 100644
index 00000000..24bff7f6
Binary files /dev/null and b/src/fonts/Chalk/Chalk-3.ttf differ
diff --git a/src/fonts/Mefika/Mefikademo.ttf b/src/fonts/Mefika/Mefikademo.ttf
new file mode 100644
index 00000000..ada65bc2
Binary files /dev/null and b/src/fonts/Mefika/Mefikademo.ttf differ
diff --git a/src/hooks/useIPInfo.js b/src/hooks/useIPInfo.js
new file mode 100644
index 00000000..6ba1e510
--- /dev/null
+++ b/src/hooks/useIPInfo.js
@@ -0,0 +1,25 @@
+import { useEffect, useState } from "react";
+import axios from "axios";
+
+function useIPInfo() {
+ const [ipInfo, setIpInfo] = useState(null);
+ const [loading, setLoading] = useState(true);
+ const [error, setError] = useState(null);
+
+ useEffect(() => {
+ // Fetch IP information
+ axios
+ .get("https://ipapi.co/json/")
+ .then((response) => {
+ setIpInfo(response.data);
+ setLoading(false);
+ })
+ .catch((error) => {
+ setError(error);
+ setLoading(false);
+ });
+ }, []);
+ return { ipInfo, loading, error };
+}
+
+export default useIPInfo;
diff --git a/src/i18nextConfig.js b/src/i18nextConfig.js
new file mode 100644
index 00000000..a04453dd
--- /dev/null
+++ b/src/i18nextConfig.js
@@ -0,0 +1,33 @@
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+
+i18n
+ .use(initReactI18next) // passes i18n down to react-i18next
+ .init({
+ resources: {
+ en: {
+ translation: require("./locales/en/translation.json"),
+ },
+ pt: {
+ translation: require("./locales/pt/translation.json"),
+ },
+ fr: {
+ translation: require("./locales/fr/translation.json"),
+ },
+ it: {
+ translation: require("./locales/it/translation.json"),
+ },
+ es: {
+ translation: require("./locales/es/translation.json"),
+ },
+ de: {
+ translation: require("./locales/de/translation.json"),
+ },
+ },
+ lng: "en", // Set the default language
+ fallbackLng: "en", // Fallback language if a translation is missing
+ interpolation: {
+ escapeValue: false, // React already escapes by default
+ },
+ returnNull: false,
+ });
diff --git a/src/index.css b/src/index.css
index 17d31fc4..d5e31efa 100644
--- a/src/index.css
+++ b/src/index.css
@@ -8,6 +8,20 @@
--green-white-100: #C3EFC0;
}
+@font-face {
+
+ font-family: "Chalk_3";
+ src: local("Chalk_3"),
+ url("./fonts/Chalk/Chalk-3.ttf") format("truetype");
+
+}
+@font-face {
+
+ font-family: "Mefika";
+ src: local("Mefika"),
+ url("./fonts/Mefika/Mefikademo.ttf") format("truetype");
+
+}
body {
background: var(--dark-900);
}
diff --git a/src/index.js b/src/index.js
index 53db037e..7af6ab3e 100644
--- a/src/index.js
+++ b/src/index.js
@@ -2,7 +2,9 @@ import React from 'react';
import { createRoot } from 'react-dom/client';
import App from './App';
import "./index.css"
+import "./fonts/Chalk/Chalk-3.ttf";
+import "./i18nextConfig.js";
const container = document.getElementById("root");
const root = createRoot(container);
-root.render();
\ No newline at end of file
+root.render();
diff --git a/src/locales/de/translation.json b/src/locales/de/translation.json
new file mode 100644
index 00000000..2acd42e9
--- /dev/null
+++ b/src/locales/de/translation.json
@@ -0,0 +1,3 @@
+{
+ "BEFORE-I-DIE": "Bevor ich sterbe"
+}
diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
new file mode 100644
index 00000000..e838e96f
--- /dev/null
+++ b/src/locales/en/translation.json
@@ -0,0 +1,3 @@
+{
+ "BEFORE-I-DIE": "Before I die"
+}
diff --git a/src/locales/es/translation.json b/src/locales/es/translation.json
new file mode 100644
index 00000000..c6810578
--- /dev/null
+++ b/src/locales/es/translation.json
@@ -0,0 +1,3 @@
+{
+ "BEFORE-I-DIE": "Antes de morir"
+}
diff --git a/src/locales/fr/translation.json b/src/locales/fr/translation.json
new file mode 100644
index 00000000..cd953561
--- /dev/null
+++ b/src/locales/fr/translation.json
@@ -0,0 +1,3 @@
+{
+ "BEFORE-I-DIE": "Avant de mourir"
+}
diff --git a/src/locales/it/translation.json b/src/locales/it/translation.json
new file mode 100644
index 00000000..776a8add
--- /dev/null
+++ b/src/locales/it/translation.json
@@ -0,0 +1,3 @@
+{
+ "BEFORE-I-DIE": "Prima di morire"
+}
diff --git a/src/locales/pt/translation.json b/src/locales/pt/translation.json
new file mode 100644
index 00000000..7d8cc0e9
--- /dev/null
+++ b/src/locales/pt/translation.json
@@ -0,0 +1,3 @@
+{
+ "BEFORE-I-DIE": "Antes de morrer"
+}
diff --git a/src/translation/languages.json b/src/translation/languages.json
new file mode 100644
index 00000000..b45eaeb8
--- /dev/null
+++ b/src/translation/languages.json
@@ -0,0 +1,85 @@
+{
+ "US": "en",
+ "GB": "en",
+ "CA": "en",
+ "AU": "en",
+ "FR": "fr",
+ "DE": "de",
+ "ES": "es",
+ "IT": "it",
+ "PT": "pt",
+ "BR": "pt",
+ "NL": "nl",
+ "BE": "nl",
+ "SE": "sv",
+ "NO": "no",
+ "DK": "da",
+ "FI": "fi",
+ "RU": "ru",
+ "CN": "zh",
+ "JP": "ja",
+ "IN": "hi",
+ "AR": "es",
+ "MX": "es",
+ "CO": "es",
+ "CL": "es",
+ "PE": "es",
+ "KR": "ko",
+ "TW": "zh",
+ "HK": "zh",
+ "SG": "en",
+ "MY": "ms",
+ "ID": "id",
+ "PH": "tl",
+ "TH": "th",
+ "VN": "vi",
+ "TR": "tr",
+ "GR": "el",
+ "IL": "he",
+ "AE": "ar",
+ "SA": "ar",
+ "EG": "ar",
+ "ZA": "af",
+ "KE": "sw",
+ "NG": "en",
+ "GH": "en",
+ "TZ": "sw",
+ "UG": "sw",
+ "PL": "pl",
+ "RO": "ro",
+ "BG": "bg",
+ "UA": "uk",
+ "CZ": "cs",
+ "SK": "sk",
+ "HU": "hu",
+ "SI": "sl",
+ "HR": "hr",
+ "RS": "sr",
+ "BA": "bs",
+ "ME": "sr",
+ "MK": "mk",
+ "AL": "sq",
+ "LT": "lt",
+ "LV": "lv",
+ "EE": "et",
+ "IS": "is",
+ "IR": "fa",
+ "PK": "ur",
+ "AF": "ps",
+ "BD": "bn",
+ "NP": "ne",
+ "LK": "si",
+ "MM": "my",
+ "KH": "km",
+ "LA": "lo",
+ "MN": "mn",
+ "BT": "dz",
+ "KZ": "kk",
+ "UZ": "uz",
+ "KG": "ky",
+ "TJ": "tg",
+ "TM": "tk",
+ "GE": "ka",
+ "AM": "hy",
+ "AZ": "az"
+}
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
+
+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
+
+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
+
+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
+
+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
+
+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
+
+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
+
+**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
+
+**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
+
+**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
+
+**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
+
+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 @@
+
+
Directives de contribution
+ Cette documentation contient un ensemble de lignes directrices pour vous aider pendant le processus de contribution à ce projet. Cette ouvertureLe 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
+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
+
+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.
+
+
+Allez ensuite dans le répertoire où le projet est enregistré et exécutezla commande suivante :
+
+`npm i` pour installer les dépendances pour pouvoir exécuter le React Development Server.
+
+
+
+Exécutez ensuite la commande suivante pour ensuite démarrer et exécuter le serveur de développement React ⚛️ :
+
+`npm start`
+
+
+
+Une fois exécuté avec succès, votre terminal ressemblera à ceci ci-dessous
+
+
+
+Ouvrez maintenant un navigateur Web et accédez à localhost : 3000 si vous n'y êtes pas dirigé en exécutant la commande `npm start`.
+
+
+
+
+## Étape 3. Créez une nouvelle branche
+
+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
+
+* 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"
+}
+```
+COLLEZ VOTRE CODE CI-DESSUS ET ASSUREZ-VOUS D'AJOUTER "," AVANT LE PRÉCÉDENT
+
+
+
+## Étape 5. REMPLISSEZ vos informations JSON
+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. é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 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
+- 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.
+
+
+
+- Une fois enregistrée, faites glisser votre image dans le `dossier public/img/avatar`.
+
+
+
+
+## Étape 7. AJOUTEZ VOTRE ENCHÈRE (avant de mourir) Image
+- 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.
+
+
+
+## É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
+
+
+
+```
+
+
+
+### 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.
+
+
+
+- Remplacez la sous-balise par votre propre nom.
+
+```html
+Votre nom
+```
+
+Enregistrez ensuite vos modifications.
+
+
+
+## Étape 9. Git Add, Commit et Push
+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.
+
+
+
Avant de poursuivre ces étapes, assurez-vous que vos modifications répondent aux exigences des étapes précédentes
+
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
+
Validez vos modifications avec le message "Ajoutez une invite ici"
+
Envoyez vos modifications à la branche que vous avez créée précédemment lors de l'exécution de la commande `git checkout`
+
Voir ci-dessous pour un exemple
+
+
+### 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
+
+Si vous accédez à votre référentiel sur GitHub, vous verrez un bouton `Compare & pull request`. Cliquez sur ce bouton.
+
+
+
+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.
+
+
+
+
+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!
+
+
+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.
+
+
+
Dans le cas où des modifications sont demandées, suivez le même workflow pour demander et mettre à jour votre pull request.
+
Si aucune modification n'a été demandée, elle sera fusionnée dans la branche de production.
+
+
+## Besoin d'aide?
+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é!
+- Bravo! 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 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 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
+
+Nous aimons 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) 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
+
+
+
+[](https://github.com/firstcontributions/open-source-badges)
+[](https://opensource.org/licenses/MIT)
+
+
+
+[](https://hits.sh/github.com/BeforeIDieCode/BeforeIDieAchievements/)
+
+[](https://github.com/BeforeIDieCode/BeforeIDieAchievements/issues)
+[](https://github.com/BeforeIDieCode/BeforeIDieAchievements/pulls)
+[](http://makeapullrequest.com)
+[](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 , 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 vie. Les développeurs peuvent partager leurs aspirations avec une image et texte 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êves. 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) article ou en visitant le [about.md](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/about.md) 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.. Assurez-vous de suivre ces directives pour vous assurer que votre contribution est acceptée.
+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 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 pour valoriser ce projet.
+Heureux de contribuer! .
+
+## Getting Started
+
+Pour commencer avec BeforeIDieAchievements, il suffit de créer un fork 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).
+
+## 🎉 License
+
+BeforeIDieAchievements est sous licence MIT. Voir la [LICENCE](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/LICENSE) fichier pour plus d'informations.
+
+## Contributeurs
+
+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.
+
+## 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 mettant en vedette ce référentiel!
+
+## 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/) |
+| ------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
+|  |  |  |  |  |
+
+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 [Animated Fluent Emojis](https://github.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis) 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
+
+
+
+
+
+Ê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.
+
+
+
+
+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.
+
+
+
+
+
+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 ⬇️
+
+[](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.
+
+
+
+
+
+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 ⬇️
+
+[](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.
+
+
+
+
+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.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/)
diff --git a/translations/Hindi/README.md b/translations/Hindi/README.md
index 916fa18e..4931084e 100644
--- a/translations/Hindi/README.md
+++ b/translations/Hindi/README.md
@@ -1,10 +1,120 @@
-_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
+
+
+
+
+# BeforeIDieAchievements - (बिफोर आई डाई अचीवमेंट्स)
+
+
+
+🌟 beforeIDieAchievements में आपका स्वागत है , एक ओपन सोर्स प्रोजेक्ट जो डेवलपर्स को अपना पहला पुल अनुरोध करने और ओपन सोर्स प्रोजेक्ट्स में योगदान करने में मदद करता है। [लाइव लिंक](https://before-i-die-achievements.vercel.app/) देखें |
+
+
+
+
+
+## 🚀🎯 क्या है BeforeIDieAchievements?
+
+
+
+beforeIDieAchievements डेवलपर्स को एक ओपन-सोर्स प्रोजेक्ट में शामिल होने और उनके जीवन लक्ष्यों का दस्तावेजीकरण करने में सहायता करने के लिए एक मंच है।. डेवलपर्स अपनी आकांक्षाओं को एक छवि और पेन के साथ साझा कर सकते हैं जो यह बताता है कि मरने से पहले वे क्या हासिल करना चाहते हैं। अपने जीवन के लक्ष्यों और आकांक्षाओं को दूसरों के साथ साझा करें, इस पर विचार करें कि जीवन में आपके लिए वास्तव में क्या मायने रखता है, और समान विचारधारा वाले व्यक्तियों से जुड़ें। अपने सपनों को हासिल करने के लिए समुदाय की शक्ति का लाभ उठाएं, मुस्कुराती आंखों के साथ । बिफोर आई डाई कोड आपके जीवन के लक्ष्यों का दस्तावेजीकरण करने, एक ओपन सोर्स प्रोजेक्ट में योगदान करने का तरीका सीखने के लिए एक मंच है और यह एक महान शुरुआती अनुकूल परियोजना है। आप इस प्रोजेक्ट के बारे में इस [MEDIUM](https://xanderclemens.medium.com/discover-your-life-goals-and-make-your-first-open-source-contribution-with-before-i-die-code-aea8e1130d96) आलेख से या [about.md](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/about.md) अपसाइड-डाउन फेस फ़ाइल पर जाकर अधिक जान सकते हैं।
+
+
+
+## 💡🔗 योगदान कैसे करें
+
+
+
+हमारे ओपन सोर्स प्रोजेक्ट में योगदान देने में आपकी रुचि के लिए धन्यवाद! हम आप जैसे सॉफ्टवेयर इंजीनियरों के योगदान का स्वागत करते हैं। यहां बताया गया है कि आप कैसे शुरुआत कर सकते हैं:
+
+
+1. [योगदान दिशानिर्देश](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/CONTRIBUTION-GUIDELINES.md): की जाँच करें: इस फ़ाइल में परियोजना में योगदान करने के निर्देश शामिल हैं। यह हमारी फोटो गैलरी में आपकी "मरने से पहले" छवि और टेक्स्ट को जोड़ने के लिए विशिष्ट आवश्यकताओं पर विवरण प्रदान करता है। यह सुनिश्चित करने के लिए कि आपका योगदान स्वीकार किया जाए, इन दिशानिर्देशों का पालन करना सुनिश्चित करें.
+
+2. प्रोजेक्ट को बेहतर बनाएं: प्रोजेक्ट के लिए खुले मुद्दों और [ओपन इशूस](https://github.com/BeforeIDieCode/BeforeIDieAchievements/issues) and [रोडमैप](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/ROADMAP.md) पर एक नज़र डालें। ये ऐसे क्षेत्र हैं जहां आप योगदान कर सकते हैं और बदलाव ला सकते हैं। ऐसा मुद्दा या कार्य चुनें जो आपके कौशल और रुचियों से मेल खाता हो। आप इस मुद्दे पर काम करने में अपनी रुचि व्यक्त करने के लिए इस मुद्दे पर टिप्पणी करके शुरुआत कर सकते हैं।
+
+3. अपना खुद का मुद्दा बनाएं: यदि आपके पास परियोजना को बढ़ाने के लिए अपने खुद के विचार हैं, तो अपना खुद का मुद्दा बनाने में संकोच न करें। अपने विचार और उन सुधारों का वर्णन करें जो आप करना चाहते हैं। इससे अन्य लोग आपके साथ सहयोग कर सकते हैं और फीडबैक दे सकते हैं। साथ मिलकर, हम अपने कौशल को लगातार निखार और सुधार सकते हैं।
+
+5. अपना योगदान जमा करें: एक बार जब आप अपना परिवर्तन या परिवर्धन कर लें, तो दिए गए दिशानिर्देशों का पालन करते हुए अपना योगदान जमा करें [योगदान दिशानिर्देश](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/CONTRIBUTION-GUIDELINES.md).
+
+
+
+याद रखें, ओपन सोर्स प्रोजेक्ट्स में संचार और सहयोग महत्वपूर्ण हैं। बेझिझक प्रश्न पूछें, स्पष्टीकरण मांगें, या परियोजना अनुरक्षकों या अन्य योगदानकर्ताओं से सहायता का अनुरोध करें। हम आपके योगदान को महत्व देते हैं और इसे बढ़ाने के लिए आपके साथ काम करने को तत्पर हैं।
+
+ख़ुशी से योगदान करें! .
+
+
+
+## शुरू करना
+
+
+beforeIDieAchievements के साथ शुरुआत करने के लिए, बस रिपॉजिटरी को फोर्क करें और योगदान देना शुरू करें! हम पहली बार योगदान करने वाले सभी योगदानकर्ताओं का स्वागत करते हैं और आपका पहला पुल अनुरोध करने में आपकी सहायता करने में प्रसन्न हैं। [योगदान दिशानिर्देश](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/CONTRIBUTION-GUIDELINES.md). देखें.
+
+
+
+## 🎉 लाइसेंस
+
+
+beforeIDieAchievements को MIT लाइसेंस के तहत लाइसेंस प्राप्त है। अधिक जानकारी के लिए [LICENSE](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/LICENSE) फ़ाइल देखें।
+
+
+
+## योगदानकर्ता
+
+
+हम उन सभी योगदानकर्ताओं को धन्यवाद देना चाहते हैं जिन्होंने beforeIDieAchievements को संभव बनाने में मदद की है। इस परियोजना में योगदान देने वाले सभी अद्भुत लोगों की सूची देखने के लिए [योगदानकर्ता](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/CONTRIBUTORS.md) फ़ाइल देखें।
+
+
+
+## संपर्क
+
+यदि आपके पास beforeIDieAchievements के बारे में कोई प्रश्न या प्रतिक्रिया है, तो कृपया बेझिझक हमसे संपर्क करें। हमें आपसे सुनना प्रिय लगेगा! फिलहाल आप मुझसे [लिंक्डइन](https://www.linkedin.com/in/alexanderclemens/) पर संपर्क कर सकते हैं या मेरी [वेबसाइट](https://www.xanderclemens.com/) पर मेरा संपर्क विवरण पा सकते हैं।
+
+ beforeIDieAchievements में आपकी रुचि के लिए धन्यवाद। हमें आशा है कि आप इस परियोजना में योगदान देने, अपने जीवन के लक्ष्यों का दस्तावेजीकरण करने और इस भंडार को अभिनीत करने का आनंद लेंगे!
+
+
+
+## कोड स्टैक
+
+
+
+परियोजना निम्नलिखित प्रौद्योगिकियों और ढांचे का उपयोग करके बनाई गई है:
+
+
+
+| [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/) |
+| ------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
+|  |  |  |  |  |
+
+
+इसके अतिरिक्त, इस रेपो के लिए मार्कडाउन फ़ाइलों के लिए उपयोग किए जाने वाले इमोजिस को [तारिकुल इस्लाम अनिक](https://github.com/Tarikul-Islam-Anik) द्वारा बनाया गया था, जिन्होंने Microsoft [एनिमेटेड फ़्लुएंट इमोजी](https://github.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis) को एक ही स्थान पर उपलब्ध होने और आपके अगले प्रोजेक्ट या रीडमी (README) फ़ाइल में उपयोग करने के लिए तैयार करने में सहायता के लिए रिपॉजिटरी एनिमेटेड फ़्लुएंट बनाया था। वेबसाइट का [लिंक](https://animated-fluent-emoji.vercel.app/)
+
diff --git a/translations/Mandarin_Chinese/CODE_OF_CONDUCT.md b/translations/Mandarin_Chinese/CODE_OF_CONDUCT.md
index e69de29b..74041830 100644
--- a/translations/Mandarin_Chinese/CODE_OF_CONDUCT.md
+++ b/translations/Mandarin_Chinese/CODE_OF_CONDUCT.md
@@ -0,0 +1,84 @@
+# 贡献者代码规范准则公约
+
+## 我们承诺
+
+作为参与者、贡献者和领导者，我们承诺为每个社区中的参与者提供一个无骚扰的参与体验，而不论是他们的年龄、提醒、明显或不明显的残疾、种族、性别、性别认同表达、经验、教育程度、社会经济地位、国籍、形象、宗教或者是他们的性取向。
+
+我们承诺以行动和互动的方式，促进一个开放、欢迎、多样化、包容和健康的社区。
+
+## 我们的标准
+
+一些为社区营造积极的环境的示例行为包括:
+
+* 向他人展示同理心和善心
+* 尊重不同的意见、观点和经验
+* 优雅的给予或者接受建设性的反馈
+* 承担责任并向受到错误影响的人们道歉，并且从中吸取教训
+* 将注意力放到对社区发展最好而并非对个人发展最好的的内容上
+
+一些不可接受的行为示例:
+
+* 使用性暗示的语言或图像，以及任何形式的性关注
+* 挑衅、侮辱或贬低的言论，以及个人或政治攻击
+* 公开或者私下的骚然
+* 未经明确许可就公开他人的私人信息，如主治或者电子邮件地址
+* 其他的一些在专业场景下被公认的不适当的行为
+
+
+
+## 执行责任
+
+社区的领导者负责声明和改进关于可接受行为的标准，并且采取适当和公正的纠正措施来应对他们认为的不当、威胁、冒犯或者其他有害行为
+
+社区的领导者有责任和权利去删除、编辑或者拒绝与本行为准则不一致的评论、提交、代码、维基编辑、issue以及其他的贡献，并且将在适当的时间向用户解释该审核决策的原因。
+
+## 范围
+
+这个行为准则适用于所有社区空间以及适用于当个人在公共区域中中代表社区时。包括例如使用官方电子邮件地址、通过官方社交媒体账号发布帖子，或在在线或离线活动中担任相应角色的时候。
+
+## 执行准则
+
+任何滥用、骚扰或其他不可接受的行为都可以向负责执法的社区领导者报告。所有投诉将被迅速、公正地审查和调查。
+
+所有社区领导者有责任尊重举报人的隐私和安全。
+
+## 执法指南
+
+社区领导者将遵循以下社区影响指南，确定违反本行为准则的行为所产生的后果：
+
+### 1. 更正
+
+**社区影响**: 使用不适当的语言或其他被认为在社区中不专业或不受欢迎的行为。
+
+**后果**: 社区领导者会以私下书面警告的形式提醒，明确违反的性质，并解释为什么该行为不适当。可能会要求公开道歉。
+
+### 2. 警告
+
+**Community Impact**:通过单个事件或一系列行动违反规定。
+
+**Consequence**: 发出警告并附带持续行为的后果。在指定的时间内，不得与相关人员进行任何交流，包括与执行行为准则的人员的非请求交流。这包括在社区空间以及社交媒体等外部渠道上避免交流。违反这些规定可能会导致暂时或永久封禁。
+
+### 3. 暂时封禁
+
+**Community Impact**: 严重违反社区标准，包括持续不当行为。
+
+**Consequence**: 在指定的时间内，被暂时禁止与社区进行任何形式的互动或公开交流。在此期间不得与相关人员进行公开或私下交流，包括与执行行为准则的人员的非请求交流。违反这些规定可能会导致永久封禁。
+
+### 4. 永久封禁
+
+**社区影响**: 展示了违反社区标准的模式，包括持续不当行为、对个人的骚扰或对某些人群的攻击或贬低。
+
+**后果**: 永久禁止在社区内进行任何形式的公开互动。
+
+## 归属
+
+本行为准则改编自 [贡献者公约][homepage],2.0, 可以在
+https://www.contributor-covenant.org/version/2/0/code_of_conduct.html 上进行查阅.
+
+社区影响指南的灵感来自于 [Mozilla's代码行为准则](https://github.com/mozilla/diversity).
+
+[homepage]: https://www.contributor-covenant.org
+
+关于本行为准则的QA，请参阅
+https://www.contributor-covenant.org/faq. 翻译版本请参阅
+https://www.contributor-covenant.org/translations.
\ No newline at end of file
diff --git a/translations/Mandarin_Chinese/CONTRIBUTION-GUIDELINES.md b/translations/Mandarin_Chinese/CONTRIBUTION-GUIDELINES.md
index e69de29b..fcf1f0ae 100644
--- a/translations/Mandarin_Chinese/CONTRIBUTION-GUIDELINES.md
+++ b/translations/Mandarin_Chinese/CONTRIBUTION-GUIDELINES.md
@@ -0,0 +1,248 @@
+
+
+
+
+在临终关怀病房中的安慰的手
+
+
+
+在询问朋友和一些陌生人关于他们在临死前想做什么的时候，我被他们有深度的回答所震撼。有些人希望陷入爱河之中，有些人想要亲眼目睹冰川，还有许多人希望与失散的家人重新联系、参观一个异国情调之地或者参加极限运动，他们的回答充满了激情和人生的意义。
+
+我拿着手机，穿越整片大陆，[收集这些故事](https://www.xanderclemens.com/what-do-you-want-to-do-before-you-die)。从阿拉斯加的海岸到新西兰以及过程中的每一个地方，我记录下了人们分享的经过深思熟虑的终极人生目标。无论是年轻人还是老年人，穷人还是富人，所有人都怀揣着梦想
+
+这次经历向我展示了深入思考“什么最重要”的问题的力量。它连接了我们共同的人性。我们都希望去爱，创造，交流，探索，并在这个世界上留下积极的印记。
+
+由Megan Bucknall在Unsplash上拍摄的照片。
+
+我创建了开源项目[Before I Die Code](https://github.com/BeforeIDieCode/BeforeIDieAchievements) 来激发他人找到他们的人生目的。这个项目是一个能够在分享你的梦想的同时能够完成第一个开源贡献的平台。因为生活并非是被动的，而是应该充满目的和主观意识的去生活。让我们一起去发现我们最有意义的目标吧...在离世之前
+
+我非常激动的分享 Before I Die Code — 一个帮助开发者在为开源做贡献的同时分享他们的人生目标和梦想的开源项目
+
+➡️ [BEFORE I DIE GitHub Repo](https://github.com/BeforeIDieCode/BeforeIDieAchievements)
+
+#### 视频介绍 Before I Die Code ⬇️
+
+[](https://www.youtube.com/watch?v=xiszqfD_W6U)
+
+### 通过开源项目分享你的目标
+
+虽然Before I Die Code项目的目的很简单，但是却很有力量：开发者们可以分享一张图片和文字，描述他们在人生中想要在离世之前实现的目标。
+
+
+
+
+
+我在Before I Die Code这个开源项目中分享了我在离世之前想要实现的目标💻
+
+
+
+### 这个项目让你可以:
+
+- 深入反思你的目标、梦想和愿望清单
+
+- 确定对你来说最重要的事情和你想留下的东西
+
+- 向世界公开的分享你的抱负
+
+- 与其他开发者在共同的梦想上更深入地连接
+
+- 以个人、有意义的方式进行你的第一个开源贡献！
+
+### 为初始者创建的开源项目
+
+Before I Die, Code 是特意设计成适合初学者的。我构建它是为了为那些想要开始参与开源项目的人提供一个简单的入门途径。
+
+#### 这个项目提供:
+
+- 手把手的贡献指南，帮助你完成第一个pull request
+
+- 清晰详细的代码注释，解释了React开发者服务的设置、编辑Contributor.json，添加图片和编辑 [CONTRIBUTORS.md](http://CONTRIBUTORS.md) 文件
+
+- 开放友好的社区，提供支持和帮助的开源爱好者
+
+这是一个完美的学习拉取请求工作流程、提升编程技能、与他人联系并定义你的人生目标的空间。
+
+### 如何参与Before I Die Code
+
+参与很简单:
+
+1. [Fork GitHub 仓库](https://github.com/BeforeIDieCode/BeforeIDieAchievements/fork)
+
+2. 参照 [贡献指南] (https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/CONTRIBUTION-GUIDELINES.md) 添加你的 “Before I Die” 目标, 包括图片和文字描述。
+
+3. 发送 pull request 来提交贡献
+
+4. 欢迎提供额外的反馈，错误报告和新的想法
+
+The Before I Die Code 项目的项目的前端使用了 [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)来构建，并且目前部署在Vercel上。然而，随着项目的部署，技术可能会发生变化，因为我计划申请将这个开源项目展示在GitHub探索页面上。为此，项目将需要使用GitHub页面。
+
+### 关于这个项目构建的一些故事
+
+我在学习如何独立的参与开源项目的过程中想到了这个创意。大多数鼓励初学者更新GitHub信息的MD文件确实对于理解如何贡献、发送Pr非常合适，但我更想看到一个展示新的贡献者思考对他们来说什么是真正重要的事物并且能够分享的一个项目。公开的分享能够让参与者感到更加的有意义，并且能够对其感兴趣，能够持续的发展代码、技术栈以及感受到项目随着时间发展和演化
+
+我要感谢GitHub用户 [Arash](https://github.com/Banana021s) 分享和构建了一个React主题的图库，我将其作为构建 Before I Die Code第一个版本的起点。之所以这么做，是因为我没有找到适用于这个项目的图库而无需额外安装额外的React库依赖，并且在项目的早起阶段,我试图限制在理解CSS和React JSX能力的情况下限制使用库的大小，但Arash在构建媒体库的方面做的非常好，以至于我能够弄清楚如何自定义和操作来适应这个项目。
+
+我的大部分研究和特定代码块的添加都来自于使用P [Perplexity.ai](http://Perplexity.ai)，这是一个由人工智能驱动的搜索引擎和信息发现工具。例如，这让我配置和利用了我的MasonryLayout.jsx组件（位于项目的src/Components/MasonryLayout/MasonryLayout.jsx）中的代码块，用于每次用户查看或刷新网页时随机改变贡献者的图片。
+
+#### 随机排序图片的录制视频 ⬇️
+
+[](https://www.youtube.com/watch?v=XbAL3ajad3c)
+
+### 我在这个模块使用的 React.jsx 代码
+
+```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;
+```
+
+- 我导入了我在MasonryLayout组件中所需的样式、React Masonry库和MasonryBox组件。还定义了MasonryLayout组件函数。
+
+- 在组件内部，我使用breakpointColumnsObj为不同屏幕尺寸指定了列布局断点。我随机打乱了图片数组，以便项目以混合顺序显示。
+
+- 我对打乱后的图片数组进行了映射，为每个传入的图片项渲染单独的MasonryBox组件。MasonryLayout组件返回Masonry网格布局本身。
+
+- 在返回布局时，我传入了我定义的断点列、样式类和映射的MasonryBox组件。这样就可以呈现响应式的图片马赛克网格，其中使用Masonry Box组件显示打乱后的图片项。
+
+我还从研究其他开源项目和开发者的存储库中获得了额外的帮助和资源。例如，在GitHub上搜索时，我发现了前端开发者、开源开发者和技术作家 [Victor Eke](https://github.com/Evavic44). 他协助和创建的许多开源项目中，我使用了他的仓库 [Portfolio Ideas](https://github.com/Evavic44/portfolio-ideas)来获取关于文档结构的思路；此外,我阅读了他的博客文章 [“How my open source project got 1000 stars on GitHub in 4 months（什么样的开源项目在四个月内获得了1000个star）”](https://eke.hashnode.dev/how-my-open-source-project-got-1000-stars-on-github-in-4-months) 了解了他是如何让自己的开源项目超过1000颗星星的；我还学习了最受欢迎的[first-contributions 仓库](https://github.com/firstcontributions/first-contributions)（拥有超过37,000颗星星）的文档结构 ，最后，为了增加Before I Die 项目的趣味性，我使用了 [Tarikul Islam Anik](https://github.com/Tarikul-Islam-Anik)创建的[Animated Fluent Emojis](https://github.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis) 开源项目
+
+该项目是使用React框架构建的，结构化为公共(public)和源(src)目录。在我的Visual Studio Code中打开了这个项目的文件夹结构。
+
+
+
+
+Before I Die Code 文件结构
+
+
+
+### 我大部分的工作和主要贡献:
+
+- [public/img/avatar](https://github.com/BeforeIDieCode/BeforeIDieAchievements/tree/main/public/img/avatar) — 创建了一个存储贡献者GitHub照片的图片文件
+
+- [public/img/bid_image](https://github.com/BeforeIDieCode/BeforeIDieAchievements/tree/main/public/img/bid_image) — 创建了一个存储贡献者bid_image（Before I Die图片）的图片文件。该图片代表了贡献者在死之前想要完成的事情。
+
+- [public/img/dummy-image](https://github.com/BeforeIDieCode/BeforeIDieAchievements/tree/main/public/img/dummy_image) — 创建了一个图片文件，用于在网站顶部显示九张主要图片，供所有用户观看。
+
+- [src/Components](https://github.com/BeforeIDieCode/BeforeIDieAchievements/tree/main/src/Components) — 我为每个列出的组件定制了CSS和JSX：BrickLayout、ContainerCard、Elements、Header、MasoaryLayout和Nav。我使用JavaScript库React构建用户界面。它让我将UI拆分为小而可重用的组件。React利用虚拟DOM和高效的更新算法使更新更快更高效。我喜欢React遵循声明式编程方法。作为开发者，这让我可以专注于UI的外观，而不是实现该外观的逐步指令。
+
+- [src/Jsons/Contributors.json](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/src/Jsons/Contributors.json) — 我需要为贡献者创建一种简便的方式，将他们的信息添加到预设的JSON模板中。这个JSON数据表示一个对象数组，每个对象包含一个人的标识符、图片URL、姓名、位置、GitHub个人资料和描述他们在死之前想要完成的事情的文本。这些数据提供了显示每个人的个人资料、图片和目标在 Before I Die Code 网页上所需的信息。
+
+- 在React项目的scr目录中的其余文件只有我进行了一些很小的改动。
+
+- [CODE_OF_CONDUCT.md](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/CODE_OF_CONDUCT.md) — 我需要创建一个所有成功的开源项目都有的代码规范的第一个版本。在这方面，我的代码规范基于Mozilla的 行为准则执行阶梯。
+
+- [CONTRIBUTION-GUIDELINES.md](http://CONTRIBUTION-GUIDELINES.md) — 我需要创建一份说明，向新贡献者解释如何执行正确的步骤和工作流，将他们的信息添加到这个开源项目中。为此，我不得不学习快速解决方案，以便在我的Markdown文件中包含视频，以帮助我解释步骤，并确保贡献者在第一次拉取请求后感到有动力继续贡献。
+
+- [CONTRIBUTORS.md](http://CONTRIBUTORS.md) — 所有成功的开源项目都会展示并向所有为项目提供帮助的个人表示感谢，这也是这个文件的主要目的。它显示了贡献者的图片和GitHub个人资料链接。
+
+- [README.md](http://README.md) — 我需要确保我的README文件组织良好，以便于清楚说明了这个项目的目的，为谁提供价值，并以有组织的方式介绍新贡献者以及如何贡献到这个项目。如前所述，我的Markdown文件使用动画来辅助我创造性地记录这个项目。
+
+- [ROADMAP.md](http://ROADMAP.md) — 最后，我添加了一个项目的潜在方向路线图。这是我脑海中的想法的第一个版本，我期待开源社区能够进一步扩展、完善它，并创建开放的问题和新功能，继续推动这个项目的发展。
+
+### Where does Before I Die Code go from here?
+
+这就过渡到了我在 [ROADMAP.md](http://ROADMAP.md)中描述的关于这个项目的想法，以及这个项目如何能够随着社区的发展而持续的成长。个人可以运用他们已有的技能和新学的技能来持续的推动这个项目的发展。技术是不断变化的，但人们在四千想要完成更加有意义的生活的愿景是始终存在的。我的第一个目标是让100人参与到项目中，分享他们的Before I Die贡献。通过阅读roadmap, 你会找到许多想法，了解如何使用新的技术栈改进项目，包括使用人工智能或其他API接口,根据屏幕大小调整项目的响应性，改进用户界面，使用Python分析人们在死之前想要做的事情， 并不断将这个项目打造成新开发者可以贡献并学习开源项目工作流程的主要开源项目。
+
+
+
+
+2023年8月17日的Before I Die Code的 [ROADMAP.MD](http://ROADMAP.MD)
+
+
+
+_你的贡献提供了多元化的观点，使这个项目真正充分和宏伟。我非常希望你能分享你最疯狂的梦想！_
+
+### 帮助建立 Before I Die 开源社区
+
+除了项目本身，参与Before I Die Code 还能让你与充满激情的开源社区连接在一起。 我们一起学习，共同合作编写代码，做出有意义的开源贡献——----无论是软件还是我们的生活。
+
+请分享你的想法和反馈！查看这个项目，给GitHub仓库点赞⭐️，并立即进行你的第一次拉取请求。感谢你抽出时间阅读我的文章。
+
+### 我创建了这个项目目的是让我们能够实现自己的目标和梦想。让我们开始吧！
+
+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)
+
+#### 通过以下方式与我联系!
+
+- [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/)
\ No newline at end of file
To fill out the given JSON code, follow these instructions:
1. Replace "YOUR_NAME" with your actual name in all occurrences.
-2. Replace "YOUR_CITY_COUNTRY_AND_FLAG" with your city, country, and flag 
emoji.
+2. Replace "YOUR_CITY_COUNTRY_AND_FLAG" with your city, country, and country flag 
and reflect on what YOU want to do before you die and share it here. This text will describe the image you upload in the bid_image folder. Please limit your text to 130 words.
diff --git a/CONTRIBUTORS.md b/CONTRIBUTORS.md
index fd7dac7c..59057190 100644
--- a/CONTRIBUTORS.md
+++ b/CONTRIBUTORS.md
@@ -161,7 +161,7 @@
-
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
Contributors 
-We would like to thank all the contributors who have helped make BeforeIDieAchievements possible. Check out the [CONTRIBUTORS](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/CONTRIBUTORS.md) file to see a list of all the amazing people who have contributed to this project.
+We would like to thank all the contributors who have helped make BeforeIDieAchievements possible. Check out the [CONTRIBUTORS](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/CONTRIBUTORS.md) file to see a list of all the amazing people who have contributed to this project. Additionally, view the [THANK_YOU](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/THANK_YOU.md) videos for each one of our contributor's work being recognized.
## 
Contact
diff --git a/ROADMAP.md b/ROADMAP.md
index 1d48cc9c..f82f9aa0 100644
--- a/ROADMAP.md
+++ b/ROADMAP.md
@@ -10,18 +10,18 @@ The goals 
+
+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 
+
+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 
+
+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 
+
+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 
+
+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 
+
+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 
+
+**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 
+
+**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 
+
+**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 
+
+**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 
+
+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 @@
+
Directives de contribution
Le 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.
+
+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 
+
+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.
+
+
+Allez ensuite dans le répertoire où le projet est enregistré et exécutez
la commande suivante :
+
+`npm i` pour installer les dépendances pour pouvoir exécuter le React Development Server.
+
+
+
+Exécutez ensuite la commande suivante pour ensuite démarrer et exécuter le serveur de développement React ⚛️ :
+
+`npm start`
+
+
+
+Une fois exécuté avec succès, votre terminal ressemblera à ceci ci-dessous 
+
+
+
+Ouvrez maintenant un navigateur Web et accédez à localhost : 3000 si vous n'y êtes pas dirigé en exécutant la commande `npm start`.
+
+
+
+
+## Étape 3. Créez une nouvelle branche 
+
+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 
COLLEZ VOTRE CODE CI-DESSUS ET ASSUREZ-VOUS D'AJOUTER "," AVANT LE PRÉCÉDENT
+- Accédez à votre profil GitHub puis enregistrez l'image de votre avatar en le formatant 
Une fois enregistrée, faites glisser votre image dans le `dossier public/img/avatar`. 
+- 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.
+
+
+
+## É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
+
+
+
+- Remplacez la sous-balise par votre propre nom.
+
+```html
+Votre nom
+```
+
+Enregistrez ensuite vos modifications.
+
+
+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.
+
+
+
+Si vous accédez à votre référentiel sur GitHub, vous verrez un bouton `Compare & pull request`. Cliquez sur ce bouton.
+
+
+
+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.
+
+
+
+
+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!
+
+
+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.
+
+
+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é!
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 
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 
+
+Nous aimons 
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) 
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://hits.sh/github.com/BeforeIDieCode/BeforeIDieAchievements/)
+
+[](https://github.com/BeforeIDieCode/BeforeIDieAchievements/issues)
+[](https://github.com/BeforeIDieCode/BeforeIDieAchievements/pulls)
+[](http://makeapullrequest.com)
+[](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)
+
+
+
. Les développeurs peuvent partager leurs aspirations avec une image 
et texte 
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êves
. 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) 
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.
. Assurez-vous de suivre ces directives pour vous assurer que votre contribution est acceptée
.
+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 
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 
.
+Heureux de contribuer! 
.
+
+## 
Getting Started
+
+Pour commencer avec BeforeIDieAchievements, il suffit de créer un fork 
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).
+
+## 🎉
License
+
+BeforeIDieAchievements est sous licence MIT. Voir la [LICENCE](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/LICENSE) fichier pour plus d'informations.
+
+## 
mettant en vedette 
[Animated Fluent Emojis](https://github.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis)
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 @@
+
以下的命令:
+
+`npm i` 安装运行React服务开发所必要的依赖。
+
+
+
+然后运行下面的命令，运行React 开发服务⚛️:
+
+`npm start`
+
+
+
+当启动成功时，你的终端应该看起来像下图差不多 
+
+* 在src/Jsons/Contributors.json 中粘贴下面的JSON 代码
+* 在你粘贴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"
+}
+```
+
来发展这个项目 并通过创建或为[issues](https://github.com/BeforeIDieCode/BeforeIDieAchievements/issues) 贡献来进一步的完善这个项目。
\ No newline at end of file
diff --git a/translations/Mandarin_Chinese/LICENSE b/translations/Mandarin_Chinese/LICENSE
index e69de29b..a0fd2df2 100644
--- a/translations/Mandarin_Chinese/LICENSE
+++ b/translations/Mandarin_Chinese/LICENSE
@@ -0,0 +1,9 @@
+MIT许可证
+
+版权所有 (c) 2022 Arash
+
+特此免费授予任何获得本软件及相关文档文件（以下简称"软件"）副本的个人无需支付任何费用而使用、复制、修改、合并、发布、分发、再授权及/或出售本软件的副本的权限，并允许获得该软件的个人在以下条件下执行这些操作：
+
+上述版权声明和本许可声明应包含在所有软件的所有副本或实质部分中。
+
+本软件按"原样"提供，不提供任何形式的明示或暗示担保，包括但不限于对适销性、特定目的的适用性和非侵权性的担保。无论是在合同诉讼、侵权行为或其他情况下，作者或版权持有人均不承担任何索赔、损害赔偿或其他责任，无论是因为使用本软件或与本软件的使用或其他交易有关。
diff --git a/translations/Mandarin_Chinese/README.md b/translations/Mandarin_Chinese/README.md
index 1f228147..0376096d 100644
--- a/translations/Mandarin_Chinese/README.md
+++ b/translations/Mandarin_Chinese/README.md
@@ -1,10 +1,80 @@
-_Read this in [other languages](https://github.com/BeforeIDieCode/BeforeIDieAchievements/blob/main/translations/Translations.md)_
+
的具体要求。请确保遵循这些准则，以确保你的贡献被接受