🌐 Мої Навчальні Вебпроєкти

Збірка вебсайтів, створених під час навчання. Всі проєкти структуровані та доступні для перегляду в один клік.

🚀 Живий перегляд (Demo)

Всі проєкти автоматично розгорнуті за допомогою GitHub Pages. Ви можете переглянути повний список та запустити будь-який сайт через наш головний хаб:

👉 ВІДКРИТИ ПОРТФОЛІО ПРОЄКТІВ

---

📖 Огляд

Цей репозиторій містить колекцію з 19 вебпроєктів, розроблених з навчальною метою. Кожен проєкт демонструє різні аспекти фронтенд-розробки: від базової структури до складної стилізації та інтерактивності.

🛠 Технології

Іконка	Технологія	Призначення
☕	HTML 5	Семантична структура та вміст сторінок
🎨	CSS 3	Оформлення, Flexbox/Grid та RGB-стилізація
🧠	JavaScript	Динамічна генерація контенту та логіка хабу
🚀	GitHub Pages	Хостинг та автоматичний деплой (CI/CD)
💻	VS Code	Основне середовище розробки
🔄	Git	Керування версіями та організація репозиторію

---

👨‍💻 Автор

✅ 👤 Кручкевич Богдан Вікторович

📜 Ліцензія

✅ Цей проєкт ліцензовано під MIT License. Детальніше дивіться у файлі LICENSE.

---

📝 Вступ та Мета

Метою створення цього репозиторію є систематизація навчальних напрацювань. Кожен проєкт (від Site 1 до Site 19) — це окремий етап вивчення фронтенд-технологій.

Розробка велася з акцентом на чистий код та правильну організацію файлової структури. Використання єдиного хабу (index.html у корені) дозволяє зручно демонструвати всі роботи без необхідності вручну відкривати кожну папку.

---

⚙️ Структура та Навчальні Цілі

1.1 Основні завдання навчання

Під час роботи над збіркою були опрацьовані наступні концепції:

• Глибоке розуміння HTML: Семантична розмітка та структура документів.
• Майстерність CSS: Робота з кольорами (RGB/Hex), адаптивність, макети будь-якої складності.
• Введення в JavaScript: Автоматизація інтерфейсу (динамічне створення посилань на проєкти).
• Рефакторинг: Організація 19 незалежних сайтів у єдину екосистему.

1.2 Типи проєктів

1. Статичні лендінги: Робота з візуалом та типографікою.
2. Багатосторінкові макети: Складна вкладеність та навігація.
3. Інтерактивні сторінки: Додавання скриптів для взаємодії з користувачем.

---

📦 Як запустити локально

Якщо ви хочете переглянути код або запустити проєкти на власному ПК:

1. Склонуйте репозиторій:

   git clone [https://github.com/VSCRM/Sites.git](https://github.com/VSCRM/Sites.git)