29% за правильный результат 🔥

Да, мы будем работать с Marvel API, так как в нем содержится куча интересных данных и можно придумать массу всего.



А теперь макет. Он находится тут: https://www.figma.com/file/xiC1B6ZlHvbiUK6FO3caxN/Marvel-DB?node-id=12%3A203

Какахами можете кидаться, рисовал я 😅 И не забудьте продулировать его себе, чтобы нормально работать с ним.



Он может еще дополняться по мере моей фантазии, если захочу добавить все новые и новые возможности. Да и вы можете спокойно расширять его данными, страницами и тд.



❗️Почему он может быть интересен тем, кто только изучает верстку:



1) Макет направлен на динамические данные. Почти все, что вы там видите будет формироваться через JavaScript. Вам нужно продумать верстку так, чтобы любое количество данных правильно и красиво отображалось. В том числе и картинки.

2) Отличный способ попрактиковать CSS Grid, если вы туда уже дошли. Я на гридах как раз сверстал все это и макет подходит идеально

3) Если будете проходить мой React, то у вас будет готовая верстка под приложение. Хоть её и можно будет там скачать, но всегда приятно работать на своем :)

4) Практика, макетик в портфолио, все дела. Справитесь за несколько вечеров



❗️Почему он может быть интересен тем, кто уже знает или учит реакт (или любую другую библиотеку/фреймворк):



1) У вас часто, очень часто будут работы, когда есть api и нужно создать по нему приложение. Вот вам пример

2) Практика вычленения только нужных данных с api

3) Тоже повторите верстку :)

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



#полезности