Яхт-школа НАУТИКА

Демонстрация главной страницы сайта

Демонстрация адаптивности страницы Контакты

Перейдите по ссылке для просмотра демо сайта

Описание

Многостраничный сайт для яхт-школы НАУТИКА в Новосибирске.
Проект разработан с использованием React, функциональных компонентов и расширений JSX. Применяются React-хуки, JavaScript-функции и обработка событий.
В работе также использовались React Router для маршрутизации и HashRouter для обеспечения корректной работы путей на GitHub Pages.

Сайт адаптирован под различные устройства с помощью CSS и медиа-запросов.

Проект продолжает находиться в стадии разработки.

Дизайн

Сайт разработан на основе стороннего дизайн-макета (учебного проекта другого разработчика), созданного в Figma.

Для разработки дизайнер предоставил:

• design concept
• UI-kit
• adaptive design

Макет доступен для просмотра по ссылке.

Запуск приложения

1. Клонировать репозиторий:

   git clone <URL>  
   

2. Установить зависимости:
   Убедитесь, что у вас установлен Node.js и npm. После этого выполните команду для установки всех зависимостей:

   npm install  
   

3. Запустить проект:

   npm start  
   

   Приложение будет доступно по адресу: http://localhost:3000 в вашем браузере.

Доработки и прогресс

1. Главная страница, Услуги и Контакты:
   ✅ Все компоненты и адаптивность реализованы

2. Страница ошибки (страница Погода намеренно отсутствует):
   ✅ Все компоненты и адаптивность реализованы

3. Страницы услуг (Обучение, Прогулки и Аренда):
   ✅ Все компоненты созданы
   ❌ Адаптивность не полностью реализована

4. Страница Сертификаты:
   ❌ Не все компоненты созданы
   ✅ Полностью адаптивна

5. Страница О нас:
   ❌ Не все компоненты созданы
   ✅ Полностью адаптивна

Обратная связь

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