ArtistsHub
🌐 Виберіть для Вас комфортну мову
🇺🇦 Українська | 🇬🇧 English | 🇩🇪 Deutsch
📸 Скріншот проекту
👥 Контриб'ютори
---
📌 Назва проєкту
ArtistsHub — адаптивний веб-додаток (лендинг) за макетом Figma. Командний проєкт GoIT Fullstack (JavaScript, REST, responsive).
---
🎯 Про проєкт і яку задачу він вирішує
- Про проєкт: односторінковий адаптивний сайт, зібраний з HTML-partials та модульних CSS-файлів, згідно з макетом ArtistsHub (Figma).
- Задача: презентація платформи (хабу) для артистів: головний екран, блок виконавців, «Про нас», відгуки та модальне вікно з деталями. Реалізовано mobile-first, семантична розмітка, валідний HTML/CSS/JS, зручний запуск та збірка через Vite.
---
🛠 Технології
| Категорія | Стек | |-----------|------| | Розмітка | HTML5, семантичні теги | | Стилі | CSS3, modern-normalize, mobile-first, Stylelint | | Скрипти | JavaScript (ES modules), Axios, Swiper, Raty.js, css-star-rating | | Збірка | Vite, PostCSS (sort media queries), vite-plugin-html-inject, vite-plugin-full-reload | | Іконки та зображення | IcoMoon (sprite.svg), SVGOMG (мініфікація SVG), Squoosh (WebP) | | Інше | Code Guide, валідатори W3C / JSHint |
---
🚀 Як запустити / розгорнути проєкт
- Клонувати репозиторій і перейти в папку проєкту:
cd goit-fullstack-team-javascript-web-rest-responsive-app