{"id":25478895,"url":"https://github.com/extractoro/goit-react-hw-02-feedback","last_synced_at":"2026-01-23T08:04:32.037Z","repository":{"id":113373857,"uuid":"497522917","full_name":"Extractoro/goit-react-hw-02-feedback","owner":"Extractoro","description":null,"archived":false,"fork":false,"pushed_at":"2022-06-02T09:10:19.000Z","size":1943,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-18T06:07:37.462Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://extractoro.github.io/goit-react-hw-02-feedback/","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/Extractoro.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":"2022-05-29T07:43:00.000Z","updated_at":"2022-06-02T09:09:09.000Z","dependencies_parsed_at":"2023-06-15T12:45:52.435Z","dependency_job_id":null,"html_url":"https://github.com/Extractoro/goit-react-hw-02-feedback","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Extractoro/goit-react-hw-02-feedback","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Extractoro%2Fgoit-react-hw-02-feedback","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Extractoro%2Fgoit-react-hw-02-feedback/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Extractoro%2Fgoit-react-hw-02-feedback/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Extractoro%2Fgoit-react-hw-02-feedback/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Extractoro","download_url":"https://codeload.github.com/Extractoro/goit-react-hw-02-feedback/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Extractoro%2Fgoit-react-hw-02-feedback/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28684003,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-23T05:48:07.525Z","status":"ssl_error","status_checked_at":"2026-01-23T05:48:07.129Z","response_time":59,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":"2025-02-18T14:53:56.064Z","updated_at":"2026-01-23T08:04:32.031Z","avatar_url":"https://github.com/Extractoro.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"**Read in other languages: [Русский](README.md), [Polska](README.pl.md).**\n\n# React homework template\n\nЭтот проект был создан при помощи\n[Create React App](https://github.com/facebook/create-react-app). Для знакомства\nи настройки дополнительных возможностей\n[обратись к документации](https://facebook.github.io/create-react-app/docs/getting-started).\n\n## Подготовка нового проекта\n\n1. Убедись что на компьютере установлена LTS-версия Node.js.\n   [Скачай и установи](https://nodejs.org/en/) её если необходимо.\n2. Склонируй этот репозиторий.\n3. Измени имя папки с `react-homework-template` на имя своего проекта.\n4. Создай новый пустой репозиторий на GitHub.\n5. Открой проект в VSCode, запусти терминал и свяжи проект с GitHub-репозиторием\n   [по инструкции](https://docs.github.com/en/get-started/getting-started-with-git/managing-remote-repositories#changing-a-remote-repositorys-url).\n6. Установи базовые зависимости проекта командой `npm install`.\n7. Запусти режим разработки, выполнив команду `npm start`.\n8. Перейди в браузере по адресу [http://localhost:3000](http://localhost:3000).\n   Эта страница будет автоматически перезагружаться после сохранения изменений в\n   файлах проекта.\n\n## Деплой\n\nДля настройки деплоя проекта необходимо выполнить несколько дополнительных шагов\nпо настройке твоего репозитория. Зайди во вкладку `Settings` и в подсекции\n`Actions` выбери выбери пункт `General`.\n\n![GitHub actions settings](./assets/actions-config-step-1.png)\n\nПролистай страницу до последней секции, в которой выбери опции как на следующем\nизображении и нажми `Save`. Без этих настроек у сборки будет недостаточно прав\nдля автоматизации процесса деплоя.\n\n![GitHub actions settings](./assets/actions-config-step-2.png)\n\nПродакшн версия проекта будет автоматически проходить линтинг, собираться и\nдеплоиться на GitHub Pages, в ветку `gh-pages`, каждый раз когда обновляется\nветка `main`. Например, после прямого пуша или принятого пул-реквеста. Для этого\nнеобходимо в файле `package.json` отредактировать поле `homepage`, заменив\n`your_username` и `your_repo_name` на свои, и отправить изменения на GitHub.\n\n```json\n\"homepage\": \"https://your_username.github.io/your_repo_name/\"\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/status.png)\n\n### Живая страница\n\nЧерез какое-то время, обычно пару минут, живую страницу можно будет посмотреть\nпо адресу указанному в отредактированном свойстве `homepage`. Например, вот\nссылка на живую версию для этого репозитория\n[https://goitacademy.github.io/react-homework-template](https://goitacademy.github.io/react-homework-template).\n\nЕсли открывается пустая страница, убедись что во вкладке `Console` нет ошибок\nсвязанных с неправильными путями к CSS и JS файлам проекта (**404**). Скорее\nвсего у тебя неправильное значение свойства `homepage` в файле `package.json`.\n\n### Маршрутизация\n\nЕсли приложение использует библиотеку `react-router-dom` для маршрутизации,\nнеобходимо дополнительно настроить компонент `\u003cBrowserRouter\u003e`, передав в пропе\n`basename` точное название твоего репозитория. Слеши в начале и конце строки\nобязательны.\n\n```jsx\n\u003cBrowserRouter basename=\"/your_repo_name/\"\u003e\n  \u003cApp /\u003e\n\u003c/BrowserRouter\u003e\n```\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%2Fextractoro%2Fgoit-react-hw-02-feedback","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fextractoro%2Fgoit-react-hw-02-feedback","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fextractoro%2Fgoit-react-hw-02-feedback/lists"}