Quiz

example-quiz

@@ -0,0 +1,3 @@
+1. компонент который загружает с бэка список вопросов и начинает вызывать компонент с отображением одного вопроса
+2. Компонент с отображением одного вопроса принимает на вход вопрос с вариантами ответа, с указанием типа вопроса(радиобаттон либо галочки) и является ли последним вопрос
+3. ответ из бэка (рекомендации)

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>

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;