Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

6 Commits

Repository files navigation

Вы конечно можете не делать тестовое задание, если у вас есть чем похвастаться в opensource :)

Написать простое приложение с использованием React / Redux / CSS Modules / (es6+) на основе вайрфрейма.

Необходимо заставить работать иконку нотификаций в шапке, все кнопки и покрыть redux часть тестами.

Залейте код на github, bitbucket или gitlab, а превью на github pages, heroku, вашу vps, etc... и прикрепите ссылки на код и превью к google форме https://docs.google.com/forms/d/e/1FAIpQLSf-8epA1uPIG0NoPglKbqf3-KT1ujmOFuam3bpd7UPpE0MNVw/viewform

  • Плюсом будет использование http://www.material-ui.com/, http://blueprintjs.com/ или любой другой понравившейся вам библиотеки.
  • Popover должен открываться с анимацией как тут http://codepen.io/nerdgrass/pen/KpyZRw только вниз
  • Ссылка “посмотреть все” должна просто закрывать popover
  • Popover должен показывать только 5 последних событий
  • Каждые x секунд (например 20) должно приходить новое событие с рандомным текстом.

initial state:

[{id: 17,title: 'Test test test 17',unread: true,datetime: newDate(),},{id: 16,title: 'Test test test 16',unread: true,datetime: newDate().setHours((newDate()).getHours()-2),},{id: 14,title: 'Test test test 14',unread: true,datetime: newDate().setDate((newDate()).getDate()-1),},{id: 13,title: 'Test test test 13',unread: false,datetime: newDate().setDate((newDate()).getDate()-3),},{id: 12,title: 'Test test test 12',unread: false,datetime: newDate().setDate((newDate()).getDate()-8),},{id: 11,title: 'Test test test 11',unread: false,datetime: newDate().setDate((newDate()).getDate()-31),},{id: 10,title: 'Test test test 10',unread: false,datetime: newDate().setDate((newDate()).getDate()-160),}]

About

No description, website, or topics provided.

Resources

Stars

5 stars

Watchers

5 watching

Forks

Releases

Packages

Contributors