Тестовое задание на позицию Frontend-разработчик.

Описание приложения:

• Реализована компонента исходя из тестового задания.

Как запустить приложение:

Скачайте или клонируйте код
Зайдите в папку проекта через консоль или откройте в редакторе

npm install -> установить зависимости
npm run start -> запуск проекта

Cписок используемых библиотек:

• react
• styled-components

Текст задания:

Задача React JS. Реализовать компоненту:

<ColoredUserpic
    src='./avatar.png'
    size={150}
    margin={4}
    backgroundColor='red'
    colors={['green', 'blue']}
    hoverColors={['blue', 'green']}
    colorWidth={6}
/>

Результат рендера это круглая картинка с градиентной обводкой, меняющей цвет при наведении.

Расстояние между картинкой и обводкой задаётся параметром margin, цвет этого отступа тоже задаётся.

Пришли zip архив кода + билд, чтоб можно было открыть в браузере. Можно на свой сервер залить, если есть.