Створено командою "CodeVibe" в рамках освітнього проєкту GoIT, потік FSON120
Booksy — адаптивний багатосекційний лендинг, створений командою CodeVibe згідно з технічним завданням курсу GoIT FullStack Developer.
- Розмітка семантична та валідна.
- Підключено сучасний ресет і нормалізацію стилів.
- Використано систему змінних CSS.
- Код стилів організований за принципом mobile-first.
- Адаптивна верстка для трьох точок розбиття:
- 320px+ — мобільна версія,
- 768px+ — планшетна,
- 1440px+ — десктопна.
- Застосовано Flexbox для побудови макета.
- Використано JavaScript для інтерактивності та роботи динамічних елементів.
- Header (Ігор Коваленко) — логотип, навігація, кнопка відкриття модального вікна.
- Hero (Skyline) — головний заклик до дії з зображенням і кнопкою переходу із використанням Swiper.js.
- Article + Events (Світлана Дуда) — коротка інформація про платформу та перелік актуальних подій із використанням Swiper.js.
- Books (Євгенія Ріпа) — динамічний рендер списку книжок через JS, зображення і ціна.
- Feedbacks (Дмитро Фарбун) — відгуки користувачів, реалізовані через Swiper.js.
- Location (Максим Сичов) — інтерактивна карта та контактна інформація.
- Modal Window Modal Window Books (Ірина Пона) — модальне вікно з формою реєстрації.
- Modal Window Books (Карен) — модальне вікно з детальною інформацією про книгу реалізовано через JS.
- Footer (Михайло K.) — навігація, соцмережі, політика конфіденційності.
- Ініціалізація Swiper для секцій Hero, Events і Feedbacks.
- Реалізація відкриття/закриття модальних вікон.
- Обробка подій кліків для навігації та форм.
- Плавна прокрутка до секцій.
- Анімації появи елементів при скролі.
- Рендер контенту через JS (Books,Hero,Modals Window,feedbacks, Events).
- Валідація форм перед відправкою.
| Роль | Учасник | GitHub |
|---|---|---|
| 🧠 Team Lead | Дмитро Фарбун | @Diamond-Fox.ua |
| 🧭 Scrum-майстер | Дуда Світлана | @Svitwave |
| Учасник | Розділ | GitHub |
|---|---|---|
| Ігор Коваленко | 🧠 Header | @Ihor-Kovalenko13 |
| Ірина Пона | 💬 Modal Window,🔧 Modal Window Books | @iryna-pona |
| Skyline | 💡 Hero Section | @Skyline |
| Світлана Дуда | 📰 Article, 🎉 Events | @Світлана-Дуда |
| Євгенія Ріпа | 📚 Books | @Yevheniia Ripa |
| Максим Сичов | 📍 Location | @Максим-Сичов |
| Михайло K. | 🔧 Footer, 💬 Feedbacks | @Mykhailo-K |
| Карен | 🔧 Modal Window Books | @karen |
🧩 Список основних пул-реквестів кожного учасника (номери вкажіть після злиття):
| Учасник | Розділ | Pull Requests |
|---|---|---|
| Ігор Коваленко | Header | #... , #... |
| Ірина Пона | Modal Window | #... , #... |
| Дмитро Чорний | Hero | #... , #... |
| Світлана Дуда | Article + Events | #Diamond-FoxUA#4, #Diamond-FoxUA#13 |
| Євгенія Ріпа | Books | #... , #... |
| Дмитро Фарбун | Feedbacks | #... , #... |
| Максим Сичов | Location | #... |
| Михайло Kрупа | Footer | #... , #... |
| Kарен Ісмаілов | Modal Window Books | #... , #... |
Внесок кожного учасника збережений в історії комітів та записах Pull Request-ів на GitHub.
Booksy — це вебсайт для книжкової спільноти, де можна:
- 📖 знаходити та купувати нові книги;
- 🎟️ дізнаватись про події та зустрічі;
- 🗞️ реєструватись на зустрічі;
- 💬 залишати відгуки;
- 🌍 знаходити локації книжкових подій.
- Макет виконано у Figma: Booksy Design
- Тестування адаптивності через Chrome DevTools.
- Валідація HTML/CSS — W3C Validator.
- Оптимізація зображень — squoosh.
- Деплой — GitHub Pages.
Проєкт реалізовано з любов’ю та ентузіазмом командою CodeVibe
під час навчання в GoIT FullStack Developer