{"id":19371472,"url":"https://github.com/ruwiseturtle/test-team","last_synced_at":"2026-02-02T02:32:27.856Z","repository":{"id":165939752,"uuid":"641349851","full_name":"Ruwiseturtle/test-team","owner":"Ruwiseturtle","description":null,"archived":false,"fork":false,"pushed_at":"2023-05-16T10:05:10.000Z","size":1863,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-30T06:08:41.266Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Ruwiseturtle.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-05-16T09:37:31.000Z","updated_at":"2023-05-16T09:37:37.000Z","dependencies_parsed_at":null,"dependency_job_id":"24530fa9-d82b-467e-ba54-cfa57e090d23","html_url":"https://github.com/Ruwiseturtle/test-team","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":"goitacademy/vanilla-app-template","purl":"pkg:github/Ruwiseturtle/test-team","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ruwiseturtle%2Ftest-team","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ruwiseturtle%2Ftest-team/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ruwiseturtle%2Ftest-team/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ruwiseturtle%2Ftest-team/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ruwiseturtle","download_url":"https://codeload.github.com/Ruwiseturtle/test-team/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ruwiseturtle%2Ftest-team/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29001654,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-02T01:32:03.847Z","status":"online","status_checked_at":"2026-02-02T02:00:07.448Z","response_time":58,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-10T08:18:32.868Z","updated_at":"2026-02-02T02:32:27.843Z","avatar_url":"https://github.com/Ruwiseturtle.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vanilla App Template\n\nЦей проект було створено за допомогою Vite. Для знайомства та налаштування\nдодаткових можливостей [звернись до документації](https://vitejs.dev/).\n\n## Створення репозиторію за шаблоном\n\nВикористовуй цей репозиторій організації GoIT як шаблон для створення\nрепозиторію свого проекту. Для цього натисни на кнопку `«Use this template»` і\nобери опцію `«Create a new repository»`, як показано на зображенні.\n\n![Creating repo from a template step 1](./assets/template-step-1.png)\n\nНа наступному етапі відкриється сторінка створення нового репозиторію. Заповни\nполе його імені, переконайся, що репозиторій публічний, після чого натисни\nкнопку `«Create repository from template»`.\n\n![Creating repo from a template step 2](./assets/template-step-2.png)\n\nПісля того, як репозиторій буде створено, необхідно перейти в налаштування\nствореного репозиторію на вкладку `Settings` \u003e `Actions` \u003e `General` як показано\nна зображенні.\n\n![Settings GitHub Actions permissions step 1](./assets/gh-actions-perm-1.png)\n\nПроскроливши сторінку до самого кінця, в секції `«Workflow permissions»` обери\nопцію `«Read and write permissions»` і постав галочку в чекбоксі. Це необхідно\nдля автоматизації процесу деплою проекту.\n\n![Settings GitHub Actions permissions step 2](./assets/gh-actions-perm-2.png)\n\nТепер у тебе є особистий репозиторій проекту, зі структурою файлів та папок\nрепозиторію-шаблону. Далі працюй з ним, як з будь-яким іншим особистим\nрепозиторієм, клонуй його собі на комп'ютер, пиши код, роби коміти та відправляй\nїх на GitHub.\n\n## Підготовка до роботи\n\n1. Переконайся, що на комп'ютері встановлено LTS-версію Node.js.\n   [Скачай та встанови](https://nodejs.org/en/) її якщо необхідно.\n2. Встанови базові залежності проекту в терміналі командою `npm install`.\n3. Запусти режим розробки, виконавши в терміналі команду `npm run dev`.\n4. Перейдіть у браузері за адресою\n   [http://localhost:5173](http://localhost:5173). Ця сторінка буде автоматично\n   перезавантажуватись після збереження змін у файли проекту.\n\n## Файли і папки\n\n- Файли розмітки компонентів сторінки повинні лежати в папці `src/partials` та\n  імпортуватись до файлу `index.html`. Наприклад, файл з розміткою хедера\n  `header.html` створюємо у папці `partials` та імпортуємо в `index.html`.\n- Файли стилів повинні лежати в папці `src/css` та імпортуватись до HTML-файлів\n  сторінок. Наприклад, для `index.html` файл стилів називається `index.css`.\n- Зображення додавай до папки `src/img`. Збирач оптимізує їх, але тільки при\n  деплої продакшн версії проекту. Все це відбувається у хмарі, щоб не\n  навантажувати твій комп'ютер, тому що на слабких компʼютерах це може зайняти\n  багато часу.\n\n## Деплой\n\nПродакшн версія проекту буде автоматично збиратися та деплоїтись на GitHub\nPages, у гілку `gh-pages`, щоразу, коли оновлюється гілка `main`. Наприклад,\nпісля прямого пуша або прийнятого пул-реквесту. Для цього необхідно у файлі\n`package.json` змінити значення прапора `--base=/\u003cREPO\u003e/`, для команди `build`,\nзамінивши `\u003cREPO\u003e` на назву свого репозиторію, та відправити зміни на GitHub.\n\n```json\n\"build\": \"vite build --base=/\u003cREPO\u003e/\",\n```\n\nДалі необхідно зайти в налаштування GitHub-репозиторію (`Settings` \u003e `Pages`) та\nвиставити роздачу продакшн версії файлів з папки `/root` гілки `gh-pages`, якщо\nце не було зроблено автоматично.\n\n![GitHub Pages settings](./assets/repo-settings.png)\n\n### Статус деплою\n\nСтатус деплою крайнього коміту відображається іконкою біля його ідентифікатора.\n\n- **Жовтий колір** - виконується збірка та деплой проекту.\n- **Зелений колір** - деплой завершився успішно.\n- **Червоний колір** - під час лінтингу, збірки чи деплою сталася помилка.\n\nБільш детальну інформацію про статус можна переглянути натиснувши на іконку, і в\nвікні, що випадає, перейти за посиланням `Details`.\n\n![Deployment status](./assets/deploy-status.png)\n\n### Жива сторінка\n\nЧерез якийсь час, зазвичай кілька хвилин, живу сторінку можна буде подивитися за\nадресою, вказаною на вкладці `Settings` \u003e `Pages` в налаштуваннях репозиторію.\nНаприклад, ось посилання на живу версію для цього репозиторію\n\n[https://goitacademy.github.io/vanilla-app-template/](https://goitacademy.github.io/vanilla-app-template/).\n\nЯкщо відкриється порожня сторінка, переконайся, що у вкладці `Console` немає\nпомилок пов'язаних з неправильними шляхами до CSS та JS файлів проекту\n(**404**). Швидше за все у тебе неправильне значення прапора `--base` для\nкоманди `build` у файлі `package.json`.\n\n## Як це працює\n\n![How it works](./assets/how-it-works.png)\n\n1. Після кожного пуша у гілку `main` GitHub-репозиторію, запускається\n   спеціальний скрипт (GitHub Action) із файлу `.github/workflows/deploy.yml`.\n2. Усі файли репозиторію копіюються на сервер, де проект ініціалізується та\n   проходить лінтинг та збірку перед деплоєм.\n3. Якщо всі кроки пройшли успішно, зібрана продакшн версія файлів проекту\n   відправляється у гілку `gh-pages`. В іншому випадку, у лозі виконання скрипта\n   буде вказано в чому проблема.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fruwiseturtle%2Ftest-team","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fruwiseturtle%2Ftest-team","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fruwiseturtle%2Ftest-team/lists"}