Skip to content
This repository has been archived by the owner on Aug 30, 2024. It is now read-only.

Commit

Permalink
Update README.RO.md
Browse files Browse the repository at this point in the history
  • Loading branch information
goit-i18n committed Sep 26, 2023
1 parent 18a4320 commit af50b37
Showing 1 changed file with 33 additions and 51 deletions.
84 changes: 33 additions & 51 deletions README.RO.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,94 +5,79 @@ Acest proiect a fost creat cu ajutorul
și configurarea de funcții suplimentare
[consultați documentația](https://facebook.github.io/create-react-app/docs/getting-started).

## Crearea unui repository dintr-un șablon
## Crearea unui repository dintr-un model

Utilizați acest repository al organizației GoIT ca model pentru crearea unui repository
pentru proiectul dumneavoastră. Pentru a face acest lucru, faceți clic pe "Use this template" și selectați opțiunea
"Create a new repository", așa cum se arată în imagine.
Utilizează acest repository al organizației GoIT ca model pentru crearea unui repository
pentru proiectul tău. Pentru a face acest lucru, dă click pe "Use this template" și selectează opțiunea
`Create a new repository`, după cum se prezintă în imagine.

![Creating repo from a template step 1](./assets/template-step-1.png)

Următorul pas va deschide pagina de creare a unui nou repository. Completați câmpul
pentru numele acestuia, asigurați-vă că repository-ul este public, apoi faceți clic pe
«Create repository from template».
Următorul pas va deschide pagina de creare a unui nou repository. Completează câmpul
pentru numele acestuia, asigură-te că repository-ul este public, apoi dă click pe `Create repository from template`.

![Creating repo from a template step 2](./assets/template-step-2.png)

Odată ce repository-ul a fost creat, trebuie să accesați setările
ale repository-ului creat în fila Settings > Actions > General, așa cum urmează
prezentată în imagine.
Odată ce repository-ul a fost creat, trebuie să accesezi setările repository-ului creat în fila `Settings > Actions > General`, după cum se prezintă în imagine.

![Settings GitHub Actions permissions step 1](./assets/gh-actions-perm-1.png)

După ce ați derulat până la sfârșitul paginii, în secțiunea "Workflow permissions", selectați
Read and write permissions" (Permisiuni de citire și scriere) și bifați caseta de selectare. Acest lucru
După 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
este necesar pentru a automatiza procesul de lansare a proiectului.

![Settings GitHub Actions permissions step 2](./assets/gh-actions-perm-2.png)

Aveți acum un repository personal de proiecte, cu o structură de fișiere și dosare.
Lucrați apoi cu acesta așa cum ați face-o cu orice alt repository personal,
clonați-l pe computerul dumneavoastră, scrieți codul, confirmați-l și încărcați-l pe
Avei acum un repository personal de proiecte, cu o structură de fișiere și foldere.

Lucrează apoi cu acesta așa cum ai face-o cu orice alt repository personal,
clonează-l pe computerul tău, scrie cod, confirmă-l și încarcă-l pe
GitHub.

## Pregătirea pentru muncă

1. Asigurați-vă că aveți versiunea LTS a Node.js instalată pe computerul dumneavoastră.
[Descărcați-o și instalați-o](https://nodejs.org/en/) dacă este necesar.
2. Instalați dependențele de bază ale proiectului cu ajutorul comenzii npm install.
3. Porniți modul de dezvoltare prin rularea comenzii npm start.
4. Accesați [http://localhost:3000](http://localhost:3000) în browserul dumneavoastră.
Această pagină se va reîncărca automat după salvarea modificărilor aduse la
fișiere de proiect.
1. Asigură-te că ai versiunea LTS a Node.js instalată pe computerul personal.
[Descarc-o și instaleaz-o](https://nodejs.org/en/) dacă este necesar.
2. Instalează dependențele de bază ale proiectului cu comanda `npm install`.
3. Pornește modul de dezvoltare utilizând comanda `npm start`.
4. Accesează [http://localhost:3000](http://localhost:3000) în browser-ul tău.
Această pagină se va reîncărca automat după salvarea modificărilor în fișierele proiectului.

## Deploy

Versiunea de producție a proiectului va fi automat legată, construită și
distribuită pe GitHub Pages, în ramura gh-pages, de fiecare dată când se va lansa proiectul.
ramura main este actualizată. De exemplu, după un push direct sau o cerere de pull-request acceptată. Pentru a face acest lucru
În fișierul package.json, editați câmpul homepage înlocuind
your_username și your_repo_name cu numele dvs. propriu și trimiteți modificările la GitHub.
Versiunea de producție a proiectului va trece automat prin procesul de linting, va fi contruită ș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ă.

Pentru a face acest lucru, trebuie să editeezi câmpul "homepage" din fișierul package.json, înlocuind "your_username" și "your_repo_name" cu cu detaliile tale, apoi să trimiți acetse modificări pe GitHub.

json
"homepage": "https://your_username.github.io/your_repo_name/"


În continuare, mergeți la setările repository-ului GitHub (`Settings` > `Pages`) și
setați să distribuiți versiunea 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 continuare, mergi la setările repository-ului GitHub (`Settings` > `Pages`) și setează distrubuirea 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.

![GitHub Pages settings](./assets/repo-settings.png)

### Deployment status

Starea de implementare a ultimei comenzi este indicată de o pictogramă în dreptul ID-ului său.
Starea de implementare a celui mai recent commit este afișat printr-o iconiță lângă ID-ului acestuia.

- Galben - Proiectul este în curs de construire și de desfășurare.
- Verde - Implementarea s-a finalizat cu succes.
- Roșu - A apărut o eroare în timpul legării, construirii sau desfășurării.
- **Galben** - proiectul este în curs de asamblare și de implementare.
- **Verde** - implementarea a fost finalizată cu succes.
- **Roșu** - a apărut o eroare în timpul procesului de linting, asamblării sau implementării.

Informații mai detaliate privind starea pot fi vizualizate făcând clic pe pictogramă, iar în fereastra
clic pe link-ul Details din fereastra derulantă.
Pentru 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.

![Deployment status](./assets/deploy-status.png)

### Pagina live

După un timp, de obicei câteva minute, pagina live poate fi vizualizată.
la adresa specificată în proprietatea homepage editată. De exemplu, iată
link către versiunea live pentru acest depozit
După 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:
[https://goitacademy.github.io/react-homework-template](https://goitacademy.github.io/react-homework-template).

Dacă se deschide o pagină goală, asigurați-vă că nu există erori în fila Console.
asociate cu căi de acces incorecte la fișierele CSS și JS ale proiectului (**404**). Cel mai probabil
Probabil că aveți o valoare greșită pentru proprietatea homepage din fișierul package.json.
Dacă 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ă.

### Rutarea

Dacă aplicația utilizează biblioteca react-router-dom pentru rutare,
Trebuie să configurați suplimentar componenta <BrowserRouter>` prin trecerea în prop
basename numele exact al repository-ului dumneavoastră. O bară oblică la începutul liniei este obligatorie.
trebuie să configurezi suplimentar componenta `<BrowserRouter>`, trecând în prop-ul "basename" numele exact al repository-ului tău. Bara oblică la începutul șirului este obligatorie.

jsx
<BrowserRouter basename="/your_repo_name">
Expand All @@ -104,9 +89,6 @@ jsx

![How it works](./assets/how-it-works.png)

1. După fiecare "push" către ramura main a depozitului GitHub, se va crea un fișier special
script (GitHub Action) din fișierul .github/workflows/deploy.yml.
2. Toate fișierele din repository sunt copiate pe server, unde proiectul este inițializat și construit înainte de a fi implementat.
3. Dacă toți pașii sunt reușiți, versiunea de producție asamblată a fișierelor proiectului
este trimisă la ramura gh-pages. În caz contrar, jurnalul de execuție al scriptului
scriptului va indica care este problema.
1. 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`.
2. Toate fișierele din repository sunt copiate pe server, unde proiectul este inițializat, este efectuat linting-ul și asamblarea înainte de implementare.
3. Dacă toți pașii sunt finalizate cu succes, versiunea finalizate cu succes î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.

0 comments on commit af50b37

Please sign in to comment.