---

Quiz Application

Описание

Приложение для проведения квизов, построенное с использованием React, Redux, и TypeScript. Оно обеспечивает удобный интерфейс для тестирования и оценки знаний.

Основные функции

• Создание и управление квизами: Использование Redux для управления состоянием и логики.
• Анимации: Визуальные эффекты реализованы через SCSS-анимации.
• Модульность: Все компоненты, утилиты и стили разбиты по папкам для удобства разработки.
• Рандомизация вопросов: Включён алгоритм для случайного перемешивания вопросов.

---

Структура проекта

src
├── assets              # Медиа-файлы (иконки, изображения и т.д.)
├── components          # Компоненты интерфейса
├── layouts             # Макеты страницы
├── redux
│   └── slices/quiz     # Логика Redux для квизов
│       ├── selectors.ts
│       ├── slice.ts
│       ├── store.ts
│       └── types.ts
├── scss
│   ├── _animations.scss  # SCSS-анимации
│   └── _vars.scss        # Переменные SCSS
├── utils
│   ├── shuffleArray.ts   # Утилита для перемешивания массива
│   └── globalTypes.ts    # Глобальные типы TypeScript
├── App.scss            # Стили приложения
├── App.tsx             # Главный компонент приложения
├── constants.ts        # Константы
├── index.scss          # Общие стили
├── main.tsx            # Точка входа
└── vite-env.d.ts       # Конфигурация для Vite

---

Установка и запуск

1. Установите зависимости:

   npm install

2. Запустите проект:

   npm run dev

---

Технологии

• React: UI-библиотека для построения компонентов.
• Redux Toolkit: Управление состоянием.
• TypeScript: Типизация.
• SCSS: Стилизация с возможностью использовать переменные и миксины.
• Vite: Быстрая сборка приложения.

---

Деплой

https://vanya1254.github.io/div/