Написать каталог продуктов, который может работать в offline (сохраняет данные в localstorage при первой загрузке). В шапке нужно реализовать индикатор отсутствия подключения к сети. Дополнительно нужно создать две страницы, которые не отображаются без подключения к сети (выводит сообщение, что нужно подключение при попытке зайти на страницу).
Что значит работать в offline? Вы первый раз открываете каталог, данные подтягиваются с сервера, вы отключаете сервер, обновляете страницу - каталог работает.
Список страниц:
Путь | Описание |
---|---|
/catolog | список всех категорий |
/category/1 | список подкатегорий |
/category/2 | список продуков |
/online/page1 | страница, которая недоступна без подключения к сети |
/online/page2 | аналогично |
Список категорий - просто список ссылок. Список продуктов - просто список продуктов. Никаких стилей подключать не нужно (по желанию reset.css и пару строчек, чтобы опрятно смотрелось).
То, что нужно использовать в обязательном порядке:
- react
То, что мы рекомендуем использовать:
- gulp
- react-router
- coffeescript
- superagent
- tuxx (tuxedojs.org)
- lodash
- git (желательно вести нормальную историю коммитов)
В финале должен получиться github-репозиторий со всем кодом. Проект должен запускаться после выполнения:
$ npm install
$ gulp