Ca să pornești aplicația, urmează pașii de mai jos:
- Deschide două terminale – unul pentru frontend și unul pentru backend.
- În fiecare terminal, navighează la directorul corespunzător.
- Rulează comanda
npm installca să instalezi dependențele. - Rulează comanda
npm run devîn ambele terminale ca să pornești aplicația. - În terminalul de frontend, apasă
o+Enterca să deschizi aplicația în browser.
Am reușit să termin următoarele pagini și toate smecheriile lor (imo):
- Homepage-ul – complet funcțional.
- Pagina de profil – gata și testată.
- Register și Login – ambele funcționează perfect (asa zic eu aveti mila)
- Pagina de adăugare a rețetelor – completă.
Pe pagina de rețete și la căutare (Search) am lucrat un pic extra și am adăugat:
- Opțiunea de review-uri – acum poți să lași review-uri la rețete.
- Actualizarea automată a numărului de review-uri și al ratingului – totul se actualizează instant, fără refresh.
- CSS-ul nu e chiar gata peste tot, deci unele pagini nu arată perfect. Scuze pentru asta! Totuși, backend-ul e complet și funcționează bine, iar bonusurile sunt implementate cum trebuie (in cea mai mare parte).
În astea trei săptămâni am învățat super multe:
- Baze de React, am aflat că există, cum să lucrez cu componentele lui și să fac mai multe rute, cu "Routes"
- Cum să combin HTML, CSS și JavaScript într-un proiect real, până acum lucrând doar puțin, dar doar, cu HTML și CSS
- Partea de backend a fost o experiență complet nouă pentru mine. Am folosit mult materialele oferite de echipa IT și resurse online.
Trebuie să recunosc că experiența mea anterioară cu HTML și CSS (luate separat) nu m-a pregătit emoțional pentru ce a însemnat să le integrez cu alte tehnologii. 😅