Muras Guest House — это многостраничный сайт-визитка для гостевого дома, разрабатываемый с нуля в качестве пет-проекта для отработки навыков современной фронтенд-разработки. Основная цель — продемонстрировать понимание React, TypeScript и создания пользовательского интерфейса. На проекте реализовал: ● Многостраничность и навигацию с помощью react-router-dom. ● Интерфейс разбит на переиспользуемые компоненты, что исключает дублирование кода. ● Реализована адаптивная верстка для всех типов устройств (десктоп, планшет, мобильный) с использованием styled-components. ● Реализована форма бронирования с валидацией с помощью react-hook-form, после успешной отправки появляется модальное окно. ● Для мобильной версии реализовано адаптивное "бургер-меню" с плавным открытием и закрытием, управляемое через состояние. ● Вся контентная часть вынесена в отдельный файл data.ts. Это делает код более чистым и поддерживаемым. Здесь я строго типизировал все структуры данных с помощью interface. ● Интерактивность, анимации и микро-взаимодействия при наведении и кликах.