Skip to content

IlyaGoncharovY/fridays-project

Repository files navigation

Название проекта:

Карты для обучения

Описание проекта:

Работа с картами и колодами. Колоды - хранилище для карт. Карты - содержат в себе вопросы, на которые необходимо дать один из вариантов ответа. На сколько, Вы, верно поняли вопрос, и дали на него ответ. В зависимости от того, на сколько точно вы ответили на вопрос, ему присваивается грейд (от 0 до 5). Пользователю представляется возможность создавать свои колоды, со своим набором карт. Обучаться по картам других пользователей.

Пример колод:

img_1.png

Пример карт:

img_2.png

Пример обучения по картам с вопросами:

img_3.png

Пример вариантов ответа:

img_4.png

Нюансы:

При добавлении изображения используется формат base-64, для пользователя это значит, что загружать картинки придётся весом не более 1 мб.

Технологии:

React Redux TypeScript Axios ReduxThunk ReactRouterDom Formik SASS MUI

Архитектура проекта:

  • Папка api - запросы на сервер (axios)
  • Папка bll - редьюсеры по таскам и общий store
  • Папка common - пере используемые компоненты, картинки, общие файлы
  • Папка component - основные компоненты, для работы всего приложения
  • Папка utils - общие утилитные функции, для основных компонент.
  • Компонента App.tsx находится в корневой папке проекта.

Файл package.json:

img.png