Final Project AI Fundamentals
AI Travel Planner — Інтелектуальний каталог готелів з побудовою маршрутів
У рамках фінального проєкту курсу AI Fundamentals я розробив вебплатформу AI Travel Planner, яка поєднує каталог готелів із функцією інтелектуального планування подорожей.
Етап 1. Створення прототипу за допомогою AI
Перший прототип вебсайту був створений за допомогою Replit AI.
AI допоміг швидко згенерувати:
- HTML-структуру сторінок;
- CSS-оформлення;
- JavaScript-функціонал;
- адаптивний дизайн;
- базову навігацію сайту.
Після генерації шаблон був доопрацьований вручну та оптимізований відповідно до вимог проєкту.
Етап 2. Перенесення шаблону у WordPress
Наступним кроком стало перетворення статичного HTML-шаблону у повноцінну тему WordPress.
Було реалізовано:
- головну сторінку;
- каталог готелів;
- сторінки категорій;
- сторінки окремих готелів;
- динамічне виведення інформації через WordPress.
Етап 3. Розробка плагіна AI Travel Planner
Основною частиною проєкту став власний WordPress-плагін AI Travel Planner.
Його можливості:
- отримання координат готелю;
- введення користувачем початкової точки маршруту;
- побудова маршруту до готелю;
- розрахунок відстані та часу подорожі;
- відображення маршруту на інтерактивній карті;
- пошук цікавих місць уздовж маршруту.
Для роботи з картами були використані Leaflet.js та OpenStreetMap.
Етап 4. Використання технологій AI
Технології штучного інтелекту використовувалися на всіх етапах розробки.
- генерація початкового HTML/CSS/JavaScript коду;
- оптимізація структури сайту;
- створення окремих програмних модулів;
- аналіз помилок і налагодження коду;
- генерація PHP та JavaScript-функцій;
- створення алгоритму оцінки туристичних об’єктів (AI Score);
- автоматизація процесу розробки.
Використані технології
AI
- Replit AI
- ChatGPT
Frontend
- HTML5
- CSS3
- JavaScript
CMS
- WordPress
- PHP
- ACF
Карти
- Leaflet.js
- OpenStreetMap
Backend
- Python
- Flask
Результат проєкту
У результаті був створений сучасний вебсайт-каталог готелів із функцією інтелектуального планування маршруту.
Користувач може:
- обрати готель;
- побудувати маршрут до нього;
- переглянути відстань та час подорожі;
- побачити маршрут на карті;
- отримати рекомендації цікавих місць уздовж маршруту.
Висновок
Під час виконання фінального проєкту я використав технології штучного інтелекту для прискорення процесу розробки, генерації програмного коду, оптимізації структури сайту та створення окремих програмних модулів.
Проєкт демонструє практичне використання AI у веброзробці та створенні туристичних інформаційних сервісів, поєднуючи сучасні інструменти розробки, геоінформаційні технології та можливості WordPress.