Develop

package.json

@@ -9,14 +9,18 @@
     "@fortawesome/fontawesome-free": "^6.5.2",
     "bulma": "^1.0.1",
     "classnames": "^2.5.1",
+    "i18next": "^26.0.8",
+    "i18next-browser-languagedetector": "^8.2.1",
     "react": "^18.3.1",
+    "react-content-loader": "^7.1.2",
     "react-dom": "^18.3.1",
+    "react-i18next": "^17.0.4",
     "react-router-dom": "^6.25.1",
     "react-transition-group": "^4.4.5"
   },
   "devDependencies": {
     "@cypress/react18": "^2.0.1",
-    "@mate-academy/scripts": "^1.8.5",
+    "@mate-academy/scripts": "^2.1.3",
     "@mate-academy/students-ts-config": "*",
     "@mate-academy/stylelint-config": "*",
     "@types/node": "^20.14.10",

public/locales/de/translation.json

@@ -0,0 +1,53 @@
+{
+  "title": "Willkommen im Nice Gadgets Store!",
+  "textincarusel": "Jetzt in unserem Shop erhältlich!👌",
+  "secoundtext": "Sei der Erste!",
+  "buttuncarusel": "JETZT BESTELLEN",
+  "titlebrend": "Brandneue Modelle",
+  "button": "In den Warenkorb",
+  "buttonadd": "Hinzugefügt",
+  "screen": "Bildschirm",
+  "capacity": "Speicher",
+  "ram": "RAM",
+  "titlecategory": "Nach Kategorie einkaufen",
+  "mobile": "Mobiltelefone",
+  "tablets": "Tablets",
+  "accessories": "Zubehör",
+  "model": "Modelle",
+  "titleprice": "Top Preise",
+  "git": "GITHUB",
+  "contact": "KONTAKTE",
+  "right": "RECHTE",
+  "toup": "Nach oben",
+  "back": "Zurück",
+  "sort": "Sortieren nach",
+  "item": "Artikel pro Seite",
+  "items": "artikel",
+  "selectone": "Neueste",
+  "selecttwo": "Alphabetisch",
+  "selectthre": "Günstigste",
+  "favourites": "Favoriten",
+  "cart": "Warenkorb",
+  "total": "Gesamt",
+  "otalfor": "Gesamt für",
+  "checkout": "Zur Kasse",
+  "check": "Checkout ist noch nicht implementiert. Möchten Sie den Warenkorb leeren?",
+  "titlelike": "Das könnte Ihnen auch gefallen",
+  "processor": "Prozessor",
+  "color": "Verfügbare Farben",
+  "capacitys": "Speicher auswählen",
+  "about": "Über das Produkt",
+  "aboutone": "Leistungsstarke Performance",
+  "abouttwo": "Beeindruckendes Liquid Retina Display",
+  "aboutthre": "Vielseitiges Kamerasystem",
+  "resolution": "Auflösung",
+  "camera": "Kamera",
+  "zoom": "Zoom",
+  "cell": "Mobilfunk",
+  "tech": "Technische Daten",
+  "home": "HEIM",
+  "phone": "TELEFONE",
+  "tablet": "TABLETTEN",
+  "accesuar": "ZUBEHÖR",
+  "all": "Alle"
+}

public/locales/en/translation.json

@@ -0,0 +1,53 @@
+{
+  "title": "Welcome to Nice Gadgets store!",
+  "textincarusel": "Now available in our store!👌",
+  "secoundtext": "Be the first!",
+  "buttuncarusel": "ORDER NOW",
+  "titlebrend": "Brand new models",
+  "button": "Add to card",
+  "buttonadd": "Added",
+  "screen": "Screen",
+  "capacity": "Capacity",
+  "ram": "RAM",
+  "titlecategory": "Shop by category",
+  "mobile": "Mobile phones",
+  "tablets": "Tablets",
+  "accessories": "Accessories",
+  "model": "models",
+  "titleprice": "Hot prices",
+  "git": "GITHUB",
+  "contact": "CONTACTS",
+  "right": "RIGHTS",
+  "toup": "Back to top",
+  "back": "Back",
+  "sort": "Sort by",
+  "item": "Items on page",
+  "items": "items",
+  "selectone": "Newest",
+  "selecttwo": "Alphabetically",
+  "selectthre": "Cheapest",
+  "favourites": "Favourites",
+  "cart": "Cart",
+  "total": "Total",
+  "otalfor": "Total for",
+  "checkout": "Checkout",
+  "check": "Checkout is not implemented yet. Do you want to clear the Cart?",
+  "titlelike": "You may also like",
+  "processor": "Processor",
+  "color": "Available colors",
+  "capacitys": "Select capacity",
+  "about": "About",
+  "aboutone": "Powerful Performance",
+  "abouttwo": "Stunning Liquid Retina Display",
+  "aboutthre": "Versatile Camera System",
+  "resolution": "Resolution",
+  "camera": "Camera",
+  "zoom": "Zoom",
+  "cell": "Cell",
+  "tech": "Tech specs",
+  "home": "HOME",
+  "phone": "PHONES",
+  "tablet": "TABLETS",
+  "accesuar": "ACCESSORIES",
+  "all": "All"
+}