"Хатинка лапок" — односторінковий сайт притулку для тварин, реалізований студентами GoIT у рамках навчального курсу Full Stuck development.
- 🐶 Секція «Наші хвостики» — користувачі мають змогу переглянути всіх тварин, доступних для адопції, відфільтрувати їх картки за обраною категорією
- 🐶 Модальне вікно «Деталі про тваринку» - перегляд додаткової інформації про тварину
- 📩 Модальне вікно заявки - проста форма для заявки на адопцію обраної тварини
- 💬 Відгуки - історії тих, хто вже став власником тварини з нашого притулку
- ❓ FAQ — відповіді на поширені запитання про процес адопції
- 🏠 Про нас інформація про притулок та його команду
- 🔍 Хедер та футер - зручна навігація на сайті
- 🌐 HTML — семантична розмітка сторінки.
- 🎨 CSS — стилізація та адаптивний дизайн.
- ⚡ JavaScript — інтерактивність та логіка роботи сайту.
- 🚀 Vite — швидкий збірник та середовище розробки.
- 🔧 Git — контроль версій та командна робота.
- ⚙️ Backend — REST API та пагінація
- 📸 Swiper.js — слайдер для галерей та каруселей.
- 🌐 Axios — робота з HTTP-запитами.
- 🔔 iziToast та sweetalert2 — стильні повідомлення та нотифікації.
- 🎨 Modern Normalize — вирівнювання стилів у різних браузерах.
- 📂 Accordion — інтерактивні блоки для FAQ та секцій.
- ✨ Raty-js - вивід рейтингу у отриманому з бекенду відгуку у вигляді відображається у вигляді зірочок
Верстка адаптована екрани різного розміру, а також під екрани різної щільності
- 📏 Mobile: верстка гумова від
320px, стає адаптивною з375px. - 📏 Tablet: адаптивна верстка з
768px. - 📏 Desktop: адаптивна верстка з
1440px.
Сайт адаптований для пристроїв зчитування екранів, використано семантичну HTML-структуру та ARIA-атрибути 🏷️
Команда Fluffy team, студенти GoIT:
- 🦸♂️ Тімлід, розробниця Мар'яна Мелен
- 📋 Скрам-майстер, розробниця Аїда Зборовська
- 🛠️ Технічна підтримка, розробниця — Іванна Щокало
- 💻 Розробник Максим Небельський
- 💻 Розробник Дамір Мамян
- 💻 Розробник Ігор Яремкевич
- 💻 Розробник Дмитро Дєєв
- 💻 Розробник Дмитро Бованенко
- 💻 Розробник Максим Луцяк
- Переконайтесь, що на комп'ютері встановлено LTS-версію Node.js
- Встановіть базові залежності проекту в терміналі командою
npm install - Запустіть режим розробки, виконавши в терміналі команду
npm run dev - Перейдіть у браузері за адресою http://localhost:5173. Ця сторінка буде автоматично перезавантажуватись після збереження змін у файли проекту.
- 🎨 Макет — Хатинка лапок у Figma
- ⚙️ Бекенд — Pets API docs
MIT - вільне використання зі збереженням авторського права