Верстка на Vue

https://www.figma.com/file/NO6qyCbyOaOb7TKZrjn5vU/Untitled?node-id=0:1

тут зарегайся https://git.gtarun.com/

добавлю в репу

1. Делаем сам layout всей модалки, с возможностью встраивать любой контент туда через слоты. Сюда и хедер входит, который по сути один везде. Ну и желательно, чтоб все данные сразу тянулись из каких-то моков в сторе. Тут бы выделил 1-1.5 дня2. Дальше собственно сам контент и все страницы. Каждую страницу можно разделить на данные(в сторе), роуты и собственно сама вёрстка + прокидывание данных из стора в пропсы. Я так понимаю, что там нужно верстать только контент, который в фигме сверху справа. По сути там 6 страниц глобально + внутри есть свои состояния+подстраницы. 2.1 Персонаж, Топ 1, Транспорт, Недвижимость, квартиры - там вроде не так сложно, я бы тут выделял может 3.5-4.5 дня на эти все экраны и состояния. Но тут важно понимать, что я учитываю сразу такую тему, чтоб все данные получались в каком-то едином компоненте(компонент, который в роуте прописан) и оттуда прокидывались все данные уже в следующие компоненты, таким образом давая возможность легко расширять все и переиспользовать. Если делать просто, чтоб был компонент, в нем же получались данные, то можно и быстрее конечно.2.2. Магазин и настройки. Вот тут состояний побольше значительно. В магазинах надо продумать систему модалок, чтобы а дальнейшем просто было новые добавлять для разных типов товаров и тд. Там, к примеру, есть модалки для тачки, для номеров, для одежды и тд и тут важно, чтоб это все было не захардкожено,а можно было легко дополнять эти типы и добавлять новые модалки для разных типов предметов. Тут бы заложил 2-2.5 для магазов. Для настроек тоже +- столько же, там просто больше страниц, Есть компонент с выбором прицела как в cs, тут тоже надо запариться, чтоб работало так все, как в контре, но там можно упростить

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

Насчет адаптивности, тут тоже по адаптивности можно накинуть к примеру еще +1 день на это. По разрешениям, ну банально нужно начать с 1366×768, что по сути на многих старых ноутах стоит. Ну и вплоть до 4К, наверное.Если выделять именно такие брейкпоинты, то я бы выделил 1366×768, FULLHD, 2K, 4K

вот тут можно посмотреть что уже есть, есть лайаут - https://gta5-dashboard.develop.gtacdn377.site/#/shop