From fa7f3b49f9f790f76e091c20ff6260e5a92ca8cc Mon Sep 17 00:00:00 2001
From: Evdokia <Evdokia>
Date: Wed, 16 Apr 2025 20:48:56 +0300
Subject: [PATCH] Quiz

---
 example-quiz                                |  3 ++
 src/components/Header/Navigation.js         |  1 -
 src/components/SkinTypeQuiz/Question.js     |  0
 src/components/SkinTypeQuiz/Result.js       |  0
 src/components/SkinTypeQuiz/SkinTypeQuiz.js | 52 ++++++++++++++++++++-
 5 files changed, 54 insertions(+), 2 deletions(-)
 create mode 100644 example-quiz
 create mode 100644 src/components/SkinTypeQuiz/Question.js
 create mode 100644 src/components/SkinTypeQuiz/Result.js

diff --git a/example-quiz b/example-quiz
new file mode 100644
index 0000000..d4f990a
--- /dev/null
+++ b/example-quiz
@@ -0,0 +1,3 @@
+1. компонент который загружает с бэка список вопросов и начинает вызывать компонент с отображением одного вопроса
+2. Компонент с отображением одного вопроса принимает на вход вопрос с вариантами ответа, с указанием типа вопроса(радиобаттон либо галочки) и является ли последним вопрос
+3. ответ из бэка (рекомендации)
\ No newline at end of file
diff --git a/src/components/Header/Navigation.js b/src/components/Header/Navigation.js
index d6135c4..5ced418 100644
--- a/src/components/Header/Navigation.js
+++ b/src/components/Header/Navigation.js
@@ -6,7 +6,6 @@ function Navigation() {
       <ul>
         <li><a href="/">Помощь</a></li>
         <li><a href="/contacts">Контакты</a></li>
-        <li><a href="/search">Поиск</a></li>
         <li><a href="/skin-types">Типы кожи</a></li>
         <li><a href="/reviews">Отзывы</a></li>
         <li><a href="/auth">Вход/Регистрация</a></li>
diff --git a/src/components/SkinTypeQuiz/Question.js b/src/components/SkinTypeQuiz/Question.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/SkinTypeQuiz/Result.js b/src/components/SkinTypeQuiz/Result.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/SkinTypeQuiz/SkinTypeQuiz.js b/src/components/SkinTypeQuiz/SkinTypeQuiz.js
index b963d6e..3af5353 100644
--- a/src/components/SkinTypeQuiz/SkinTypeQuiz.js
+++ b/src/components/SkinTypeQuiz/SkinTypeQuiz.js
@@ -1,3 +1,53 @@
-import React, { useState } from 'react';
+import React from 'react';
 import './SkinTypeQuiz.css';
+import Question from './Question.js';
+import Result from './Result.js';
 
+const quiz = [
+    {
+        id: 1,
+        text: "Ваш пол?",
+        type: "single",
+        options: ["Мужской", "Женcкий",]
+    },
+    {
+        id: 2,
+        text: "Сколько вам лет?",
+        type: "single",
+        options: ["Менее 18", "18-25", "26-35", "36-45", , "46-55", "Более 55"]
+    },
+    {
+        id: 3,
+        text: "Опишите кожу сразу после умывания:",
+        type: "single",
+        options: ["Сухая и тянущаяся", "Нормальная, без ощущения сухости или жирности", "Жирная, блестящая", " Комбинированная (нормальная на щеках, жирная на Т-зоне)"]
+    },
+    {
+        id: 4,
+        text: "Как часто вы испытываете раздражение или покраснение кожи?",
+        type: "single",
+        options: ["Часто", "Редко", "Практически никогда"]
+    },
+    {
+        id: 5,
+        text: "Как вы оцениваете чувствительность вашей кожи?",
+        type: "single",
+        options: ["Очень чувствительная", "Средняя чувствительность", "Мало чувствительная"]
+    },
+    {
+        id: 6,
+        text: "Какие проблемы с кожей вас беспокоят? (выберите все, что применимо)",
+        type: "multiple",
+        options: ["Акне", "Черные точки", "Пигментация", "Морщины", "Другое (укажите)"]
+    },
+    {
+        id: 7,
+        text: "Какие косметические средства вы обычно используете? (выберите все, что применимо)",
+        type: "multiple",
+        options: ["Крем для лица", "Сыворотка", "Маска", "Тональный крем", "Другое (укажите)"]
+    }
+]
+
+
+
+export default SkinTypeQuiz;
\ No newline at end of file