{"id":21631363,"url":"https://github.com/deemon13/goit-react-hw-06-phonebook","last_synced_at":"2026-04-19T10:33:37.308Z","repository":{"id":156214338,"uuid":"462920509","full_name":"Deemon13/goit-react-hw-06-phonebook","owner":"Deemon13","description":null,"archived":false,"fork":false,"pushed_at":"2022-02-23T22:26:35.000Z","size":1531,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-18T21:45:25.639Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://deemon13.github.io/goit-react-hw-06-phonebook/","language":"JavaScript","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/Deemon13.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-02-23T22:02:20.000Z","updated_at":"2022-02-23T22:27:05.000Z","dependencies_parsed_at":"2023-05-06T09:32:12.079Z","dependency_job_id":null,"html_url":"https://github.com/Deemon13/goit-react-hw-06-phonebook","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Deemon13/goit-react-hw-06-phonebook","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Deemon13%2Fgoit-react-hw-06-phonebook","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Deemon13%2Fgoit-react-hw-06-phonebook/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Deemon13%2Fgoit-react-hw-06-phonebook/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Deemon13%2Fgoit-react-hw-06-phonebook/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Deemon13","download_url":"https://codeload.github.com/Deemon13/goit-react-hw-06-phonebook/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Deemon13%2Fgoit-react-hw-06-phonebook/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32004038,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T20:23:30.271Z","status":"online","status_checked_at":"2026-04-19T02:00:07.110Z","response_time":55,"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-25T02:14:02.298Z","updated_at":"2026-04-19T10:33:37.300Z","avatar_url":"https://github.com/Deemon13.png","language":"JavaScript","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деплоиться на 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%2Fdeemon13%2Fgoit-react-hw-06-phonebook","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdeemon13%2Fgoit-react-hw-06-phonebook","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeemon13%2Fgoit-react-hw-06-phonebook/lists"}