{"id":19371490,"url":"https://github.com/ruwiseturtle/goit-react-hw-04-feedback","last_synced_at":"2026-05-01T21:06:44.382Z","repository":{"id":237727774,"uuid":"698707946","full_name":"Ruwiseturtle/goit-react-hw-04-feedback","owner":"Ruwiseturtle","description":"Віджет відгуків перероблена зі state на хуки","archived":false,"fork":false,"pushed_at":"2023-09-30T18:40:28.000Z","size":1812,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-24T14:48:26.715Z","etag":null,"topics":["css","html","javascript","notiflix","react"],"latest_commit_sha":null,"homepage":"https://ruwiseturtle.github.io/goit-react-hw-04-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/Ruwiseturtle.png","metadata":{"files":{"readme":"README.RO.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-09-30T18:04:54.000Z","updated_at":"2023-10-03T23:21:49.000Z","dependencies_parsed_at":"2024-05-03T03:17:35.512Z","dependency_job_id":"995471cb-4ee7-446f-a584-8c8ee59d2067","html_url":"https://github.com/Ruwiseturtle/goit-react-hw-04-feedback","commit_stats":null,"previous_names":["ruwiseturtle/goit-react-hw-04-feedback"],"tags_count":0,"template":false,"template_full_name":"goitacademy/react-homework-template","purl":"pkg:github/Ruwiseturtle/goit-react-hw-04-feedback","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ruwiseturtle%2Fgoit-react-hw-04-feedback","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ruwiseturtle%2Fgoit-react-hw-04-feedback/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ruwiseturtle%2Fgoit-react-hw-04-feedback/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ruwiseturtle%2Fgoit-react-hw-04-feedback/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ruwiseturtle","download_url":"https://codeload.github.com/Ruwiseturtle/goit-react-hw-04-feedback/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ruwiseturtle%2Fgoit-react-hw-04-feedback/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32512732,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-30T13:12:12.517Z","status":"online","status_checked_at":"2026-05-01T02:00:05.856Z","response_time":64,"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":["css","html","javascript","notiflix","react"],"created_at":"2024-11-10T08:18:34.732Z","updated_at":"2026-05-01T21:06:44.364Z","avatar_url":"https://github.com/Ruwiseturtle.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Model pentru un proiect React\n\nAcest proiect a fost creat cu ajutorul\n[Create React App](https://github.com/facebook/create-react-app). Pentru prezentări\nși configurarea de funcții suplimentare\n[consultă documentația](https://facebook.github.io/create-react-app/docs/getting-started).\n\n## Crearea unui repository în baza modelului\n\nUtilizează acest repository al organizației GoIT ca model pentru crearea unui repository\npentru proiectul tău. Pentru a face acest lucru, dă click pe \"Use this template\" și selectează opțiunea\n`Create a new repository`, după cum se prezintă în imagine.\n\n![Creating repo from a template step 1](./assets/template-step-1.png)\n\nUrmătorul pas va deschide pagina de creare a unui nou repository. Completează câmpul\npentru numele acestuia, asigură-te că repository-ul este public, apoi dă click pe `Create repository from template`.\n\n![Creating repo from a template step 2](./assets/template-step-2.png)\n\nOdată ce repository-ul a fost creat, trebuie să accesezi setările repository-ului creat în fila `Settings \u003e Actions \u003e General`, după cum se prezintă în imagine.\n\n![Settings GitHub Actions permissions step 1](./assets/gh-actions-perm-1.png)\n\nDupă ce ai derulat până la sfârșitul paginii, în secțiunea `Workflow permissions`, selectează `Read and write permissions`, (Permisiuni de citire și scriere) și bifează caseta. Acest lucru\neste necesar pentru a automatiza procesul de lansare a proiectului.\n\n![Settings GitHub Actions permissions step 2](./assets/gh-actions-perm-2.png)\n\nAvei acum un repository personal de proiecte, cu o structură de fișiere și foldere.\n\nLucrează apoi cu acesta așa cum ai face-o cu orice alt repository personal,\nclonează-l pe computerul tău, scrie cod, confirmă-l și încarcă-l pe\nGitHub.\n\n## Pregătirea pentru muncă\n\n1. Asigură-te că ai versiunea LTS a Node.js instalată pe computerul personal.\n   [Descarcă și instalează](https://nodejs.org/en/) dacă este necesar.\n2. Instalează dependențele de bază ale proiectului cu comanda `npm install`.\n3. Pornește modul de dezvoltare utilizând comanda `npm start`.\n4. Accesează [http://localhost:3000](http://localhost:3000) în browser-ul tău.\n   Această pagină se va reîncărca automat după salvarea modificărilor în fișierele proiectului.\n\n## Deploy\n\nVersiunea de producție a proiectului va trece automat prin procesul de linting, va fi asamblată și implementată pe GitHub Pages, în ramura `gh-pages`, de fiecare dată când ramura `main` este actualizată. De exemplu, după un push direct sau o cerere de pull-request acceptată. \n\nPentru a face acest lucru, trebuie să editeezi câmpul \"homepage\" din fișierul package.json, înlocuind \"your_username\" și \"your_repo_name\" cu detaliile tale, apoi să trimiți aceste modificări pe GitHub.\n\njson\n\"homepage\": \"https://your_username.github.io/your_repo_name/\"\n\nÎn continuare, mergi la setările repository-ului GitHub (`Settings` \u003e `Pages`) și setează distribuirea versiunii de producție a fișierelor în folderul `/root` al ramurii `gh-pages`, dacă acest lucru nu a fost făcut în mod automat.\n\n![GitHub Pages settings](./assets/repo-settings.png)\n\n### Deployment status\n\nStarea de implementare a celui mai recent commit este afișat printr-o iconiță lângă ID-ului acestuia.\n\n- **Galben** - proiectul este în curs de asamblare și de implementare.\n- **Verde** - implementarea a fost finalizată cu succes.\n- **Roșu** - a apărut o eroare în timpul procesului de linting, asamblării sau implementării.\n\nPentru a obține informații mai detaliate despre starea implementării, poți da click pe iconița corespunzătoare și apoi accesează link-ul \"Details\" din fereastra pop-up care se deschide.\n\n![Deployment status](./assets/deploy-status.png)\n\n### Pagina live\n\nDupă un anumit interval de timp, de obicei câteva minute, poți vizualiza pagina live la adresa indicată în proprietatea \"homepage\" editată. De exemplu, iată un link către versiunea live pentru acest repository:\n[https://goitacademy.github.io/react-homework-template](https://goitacademy.github.io/react-homework-template).\n\nDacă se deschide o pagină goală, asigură-te că în fila \"Console\" nu există erori legate de căi greșite către fișierele CSS și JS ale proiectului (**Eroare 404**). Cel mai probabil, valoarea proprietății \"homepage\" din fișierul package.json este incorectă.\n\n### Rutarea\n\nDacă aplicația utilizează biblioteca react-router-dom pentru rutare,\ntrebuie să configurezi suplimentar componenta `\u003cBrowserRouter\u003e`, trecând în prop-ul \"basename\" numele exact al repository-ului tău. Bara oblică la începutul șirului este obligatorie.\n\njsx\n\u003cBrowserRouter basename=\"/your_repo_name\"\u003e\n  \u003cApp /\u003e\n\u003c/BrowserRouter\u003e\n\n\n## Cum funcționează\n\n![How it works](./assets/how-it-works.png)\n\n1. După fiecare \"push\" în ramura `main` a repository-ului GitHub, se va crea un fișier special script (GitHub Action) din fișierul `.github/workflows/deploy.yml`.\n2. Toate fișierele din repository sunt copiate pe server, unde proiectul este inițializat, este efectuat linting-ul și asamblarea înainte de implementare.\n3. Dacă toți pașii sunt finalizați cu succes, versiunea asamblată în producție a fișierelor proiectului este trimisă în ramura `gh-pages`. În caz contrar, în jurnalul (log) de execuție al scriptului vor fi indicate problemele întâlnite.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fruwiseturtle%2Fgoit-react-hw-04-feedback","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fruwiseturtle%2Fgoit-react-hw-04-feedback","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fruwiseturtle%2Fgoit-react-hw-04-feedback/lists"}