ТУРБИНА-react

Развёртывание проекта:

  • Клонировать репозиторий в терминал командой: git clone https://github.com/Turbina-react/turbinaReact.git
  • Установка зависмостей: npm i
  • Запуск тестовой сборки на локальном сервере: npm start

О проекте

-- Музыкальное приложение, разработанное студентами яндекс практикума, благотворительный проект в рамках книжного магазина "Маршак", цель которого создать место, в котором дети, подростки, молодые взрослые, а также их родители будут говорить на одном языке, отвечающим запросам времени и постоянно ускоряющемуся темпу жизни.

-- Проект носит название ТУРБИНА, в честь советской поэтессы Ники Турбиной, которая стала известной в 5 лет благодаря своим стихам, её мама записывала стихи Ники и публиковала их.

-- Идея проекта заключается в похожем случае Ники и её мамы. На сайте будут публиковаться треки песен, стихи на которые пишут дети, а ребята из "Маршака" привлекают к себе музыкальные группы для реализации воплощения творчества в свет.

Как это должно работать?

  • Пользователь может включить музыку / поставить на паузу, можно открыть попап плеера, в которм будет список релизов. По завершению трека включится следующий. По завершению прослушивания всех треков, воспроизведение начнется с первого трека.
  • Бегунок можно передвигать и трек будет перематываться в нужное место,
  • Показано время трека от больше к меньшему
  • Есть свитчер для переключения списка треков и текстом воспроизведенного трека
  • Есть форма отправки стихов и данных автора на сервер, у всех полей присутствует валидация, все поля обязательны
  • У приложения есть мобильная версия

Используется следующий стек:

  • React;
  • Redux
  • Redux-thunk
  • Компонентная структура;
  • Верстка BEM;
  • Стили SCSS - nested структура

Студенты и выпускники Яндекс.Практикума принимающие участие

  • Александр Назаров - тимлид / разработчик / выпускник
  • Андрей Оспенников - разработчик / выпускник
  • Артём Кулаков - верстальщик / студент
  • Дмитрий Лежнин - верстальщик / студент
  • Дмитрий Ильин - верстальщик / студент

Структура вложенности компонентов

Структура компонентов

Презентация на YouTube

Презентация на YouTube