Архив: Сверстать страницу согласно макету на React.

Описание

Сверстать страницу согласно макету на React. Разбить элементарные элементы на React-компоненты. Стили для каждого React-компонента должны быть в отдельном файле по названию компонента.

CSS препроцессор на выбор: Stylus, Less, SASS/SCSS. Необходимо использовать CSS3+.

Стили необходимо сверстать для двух тем (два макета, отличаются цветовой схемой).

Все иконки должны быть оформлены в виде одного файла-шрифта WOFF2 или SVG.

Нестандартные шрифты будут приложены к макетам.



Создать демонстрационное React-приложение которое будет рендерить только нужные компоненты в разных состояниях (как на макете).

Для запуска приложения - webpack с настроенным препроцессором для CSS.

На странице должен быть переключатель тем (светлая и тёмная).

Совместимость со старыми браузерами не требуется (ни JS, ни CSS).

В результате нужно: демонстрационное React-приложение на webpack с настроенным препроцессором для CSS.

Макет должен быть разбит на React компоненты.

JQuery использовать нельзя.

Категория

Веб-программирование