Link to live app: https://test-landing-1.vercel.app/

Проект является тестовым заданием, некоторые решения могут быть не самыми оптимальными. С каждым проектом я расту и развиваюсь как разработчик, поэтому прошу ознакомиться с другими моими проектами в которых исправлены недочеты предыдущих.

Цель проекта - демонстрация навыков. Личная цель - обучение новым технологиям.

Техническое задание:

• Верстка проекта по макету figma.

В данном проекте я познакомился и разобрался с:

1. SCSS - Писал модульный scss. Выносил общие переменные в отдельный файл.

Самым важным в данном проекте является архитектура отображения на разных устройствах. Для корректной работы приложения я установил библиотеку react-responsive которая позволяет использовать media-запрос в контексте компонента. Для каждого компонента создана его копия для мобильной версии с собственными стилями.

Плюсы:

• Прозрачность, не надо искать в компонентах куски отвечающие за отображение на мобильных устройствах.
• Файловая структура очень понятна и нет необходимость перегружать один файл.
• Стили пишутся модулями для каждого компонента, не возникает проблем с поиском и названием стилей.
• Нет нужны каждый раз писать hoc с логикой определения устройства. Вместо этого устройство определяется в родительском компоненте app и больше нигде.

Минусы:

• Дублирование бизнес логики приложения в десктоп и мобильной версиях.