Funbox тестовое задание

Lvl1: Теоретическая часть

Lvl1: Теоретическая часть

Lvl2: Практическая часть

Я сделала тестовое задание в 2 версиях: на vanilla JS и на React. Ниже - подробности про каждый из вариантов.

vanilla JS version

Демо:

FunBox JS Demo

Стек и детали:

• HTML (Pug);
• CSS (SCSS, flexbox);
• JS (ES6+)
• Gulp build (autoprefixer, babel etc)
• Crossbrowser (all modern browsers, IE11)
• Responsive (320px+)

Установка:

• клонировать репозиторий и распаковать папку test-js;
• установить npm модули с помощью npm install;
• запустить gulp локально с помощью команды gulp;

React version

Демо:

FunBox React Demo

Стек и детали:

• React v16 (based on create react app);
• CSS Modules (SCSS);
• Redux for state management;
• сделано все, кроме фичи с ховером только после повторного наведения, если упаковка выбрана

Установка:

• клонировать репозиторий и распаковать папку test-react;
• установить npm модули с помощью npm install;
• запустить gulp локально с помощью команды npm start;