Skip to content

Instantly share code, notes, and snippets.

@blia
Last active August 3, 2021 10:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save blia/a8ff2b2f874bf2e89391f5c08b23f737 to your computer and use it in GitHub Desktop.
Save blia/a8ff2b2f874bf2e89391f5c08b23f737 to your computer and use it in GitHub Desktop.

Необходимо создать react приложение для мобильных устройств.

Приложение содержит 2 страницы(главная и страница с изделиями) и кнопкой меню.

При начальной загрузке страницы, изделия не выводятся, а выводится главная страница с текстом - "выберите категорию в меню" При нажатаии на кнопку меню - открывается меню поверх основной страницы.

Меню содержит список категорий и имеет скрол. Меню занимает всю высоту экрана.

Категории загружаются по ссылке - https://6109138bd71b67001763973c.mockapi.io/api/v5/categories

При тапе по категории меню закрывается и если категория сменилась, страница должна проскролиться вверх, если не изменилась или тапнули по правой серой части - то меню закрывается и скрол остается на прежнем месте.

При открытом меню основная страница не должна скролиться.

Cписок изделий представляет собой 2 колонки с изображениями.

Брать изделия по ссылке https://6109138bd71b67001763973c.mockapi.io/api/v5/categories/:category_id/products

При открытии меню урл не должен меняться. При открытии страницы продуктов урл должен содержать id выбранной категории.

Ссылка на скетч https://www.figma.com/file/lUo0NWOQC6teOanZu2QsDz/Untitled?node-id=0%3A1

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment