skypro-web-developer · KarinaSkyeng · Jul 27, 2024 · Jul 27, 2024 · Jul 27, 2024 · Jul 27, 2024
diff --git a/.prettierrc.js b/.prettierrc.js
@@ -7,4 +7,5 @@ module.exports = {
   bracketSpacing: true,
   arrowParens: "avoid",
   htmlWhitespaceSensitivity: "ignore",
+  endOfLine: "auto",
 };
diff --git a/README.md b/README.md
@@ -44,3 +44,43 @@ https://skypro-web-developer.github.io/react-memo/
 
 Запускает eslint проверку кода, эта же команда запускается перед каждым коммитом.
 Если не получается закоммитить, попробуйте запустить эту команду и исправить все ошибки и предупреждения.
+
+## Счётчик ошибок
+
+В игре реализован счётчик ошибок, который показывает количество оставшихся попыток.
+
+### Формат отображения
+
+- "Осталось попыток: X"
+
+### Обоснование выбора
+
+Этот формат позволяет игрокам легко понять, сколько попыток у них осталось, без отвлечения от игры. Использование красного цвета привлекает внимание к этой важной информации.
+
+## Оценка времени работы
+
+- **Инициализация игры**: O(n)
+  - Игра инициализируется на основе количества карт. Чем больше карт, тем больше времени потребуется для их инициализации.
+- **Обработка клика по карте**: O(1)
+  - Время на обработку клика по карте фиксированное, так как это простое действие — переворот карты.
+- **Проверка совпадений**: O(1)
+  - Проверка совпадения двух карт осуществляется мгновенно, так как это сравнение двух значений.
+- **Проверка выигрыша**: O(n)
+  - Для проверки выигрыша необходимо пройти по всем картам, чтобы убедиться, что все пары найдены.
+- **Перемешивание карт**: O(n log n)
+  - Перемешивание карт реализовано с использованием алгоритма, временная сложность которого составляет O(n log n), что характерно для эффективных алгоритмов сортировки.
+
+  Время на выполнение ДЗ №1:
+
+   - пларируемое - 12 часов
+   - фактическое - 15 часов
+
+Время на выполнение ДЗ №2:
+
+   - пларируемое - 12 часов
+   - фактическое - 14 часов
+
+Время на выполнение ДЗ №3:
+
+   - пларируемое - 12 часов
+   - фактическое - 13 часов
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -8,6 +8,7 @@
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "classnames": "^2.3.2",
+    "date-fns": "^3.6.0",
     "gh-pages": "^6.0.0",
     "lodash": "^4.17.21",
     "react": "^18.2.0",

diff --git a/public/1682744403_papik-pro-p-smail-chekboks-png-32.png b/public/1682744403_papik-pro-p-smail-chekboks-png-32.png
diff --git a/public/card_insight.png b/public/card_insight.png
diff --git a/public/index.html b/public/index.html
@@ -2,6 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />

diff --git a/public/magic_ball.svg b/public/magic_ball.svg
diff --git a/public/magic_ball_empty.svg b/public/magic_ball_empty.svg
diff --git a/public/puzzle.svg b/public/puzzle.svg
diff --git a/public/puzzle_empty.svg b/public/puzzle_empty.svg
diff --git a/src/api.js b/src/api.js
@@ -0,0 +1,47 @@
+const API_URL = "https://wedev-api.sky.pro/api/v2/leaderboard";
+
+export async function getPlayersList() {
+  const response = await fetch(API_URL, {
+    method: "GET",
+  });
+
+  const data = await response.json();
+  return data.leaders;
+}
+
+// Получить ID достижений
+// function getAchievementIds(achievements) {
+//   if (!Array.isArray(achievements)) {
+//     return [];
+//   }
+//   return achievements;
+// }
+
+export async function updateLeaderboard(name, time, achievements) {
+  // const achievementIds = getAchievementIds(achievements);
+  // console.log("Achievements IDs in updateLeaderboard:", achievementIds);
+
+  const requestBody = JSON.stringify({
+    name: name || "Пользователь",
+    time,
+    achievements,
+  });
+
+  try {
+    const response = await fetch(API_URL, {
+      method: "POST",
+      body: requestBody,
+    });
+
+    const responseBody = await response.text();
+    console.log("Ответ от сервера:", responseBody);
+
+    if (!response.ok) {
+      const errorText = await response.text();
+      throw new Error(`Не удалось обновить лидерборд: ${response.status} ${errorText}`);
+    }
+  } catch (error) {
+    console.error("Ошибка сети или другая ошибка:", error);
+    throw new Error("Не удалось обновить лидерборд");
+  }
+}
diff --git a/src/components/Ball/Ball.jsx b/src/components/Ball/Ball.jsx
@@ -0,0 +1,11 @@
+import styles from "./Ball.module.css";
+
+export function Ball() {
+  return (
+    <div className={styles.popup}>
+      <div className={styles.popupContent}>
+        <p className={styles.popupText}>Игра пройдена в сложном режиме</p>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/Ball/Ball.module.css b/src/components/Ball/Ball.module.css
@@ -0,0 +1,34 @@
+.popup {
+    position: absolute;
+    top: -100px;
+}
+
+.popupContent {
+    position: relative;
+    background-color: #C2F5FF;
+    border-radius: 8px;
+    padding: 15px 20px;
+    width: 212px;
+    text-align: center;
+    box-sizing: border-box;
+}
+
+.popupContent::after {
+    content: "";
+    position: absolute;
+    bottom: -20px;
+    left: 20px;
+    width: 0;
+    height: 0;
+    border-right: 25px solid transparent;
+    border-top: 20px solid #C2F5FF;
+    border-bottom: 5px solid transparent;
+}
+
+.popupText {
+    color: rgb(0, 73, 128);
+    font-family: StratosSkyeng;
+    font-size: 18px;
+    font-weight: 400;
+    text-align: center;
+}