Проєкт · Fullstack-розробник

Платформа сервісів тестування подорожей

Повностекова платформа для медичного тестування мандрівників із безголовим CMS-бекендом і фронтендом із рендерингом на боці сервера. Допомагає мандрівникам знаходити та бронювати тести на COVID-19 із рекомендаціями, специфічними для авіакомпаній та аеропортів.

Платформа сервісів тестування подорожей
Технологічний стек
Nuxt.jsVue.jsStrapiNode.jsBootstrap-VueVuexSCSSAxiosSQLiteNightwatch.jsPWA

Огляд проєкту

Платформа для кінцевих користувачів, що допомагає міжнародним мандрівникам знаходити та бронювати потрібні медичні тести. Сайт пропонує індивідуальні варіанти тестування для вакцинованих і невакцинованих мандрівників, з окремими сторінками для великих авіакомпаній та аеропортів, динамічним каталогом продуктів і інтегрованою системою FAQ.

Ключові можливості

  • Динамічний каталог продуктів із цінами, описами та опціями бронювання, керований через headless CMS
  • Лендінги, специфічні для авіакомпаній та аеропортів, з індивідуальними рекомендаціями щодо тестування
  • Рендеринг на боці сервера з кешуванням на рівні сторінок для швидкого завантаження
  • Токенова автентифікація користувачів із входом та управлінням профілем
  • Система акордеонів FAQ та покрокові інструкції «Як це працює»
  • SEO-оптимізація — автоматично згенерована мапа сайту, метатеги та підтримка статичної генерації
  • Маніфест PWA для встановлюваного мобільного досвіду
  • Інтеграція з Google Analytics, Google Tag Manager та Facebook Pixel
  • Банер згоди на cookie, сумісний із GDPR
  • Адаптивний макет на Bootstrap-Vue зі скрол-анімаціями

Архітектура

Монорепозиторій із бекендом на headless CMS Strapi 4, що надає контент через REST API, та фронтендом на Nuxt.js 2 із рендерингом на боці сервера й управлінням станом через Vuex. Фронтенд споживає API CMS через Axios із лінивим завантаженням та SSR-кешуванням для продуктивності. Наскрізні тести виконуються за допомогою Nightwatch та ChromeDriver.

Зв'язатися →