• Am creat componenta UserCard care afișează numele utilizatorului, adresa de email și o imagine avatar într-un card de utilizator.
• Am creat componenta ProductItem care afișează numele, prețul și o imagine a unui produs într-un element dedicat produsului.
• Am creat componenta Post care afișează titlul, conținutul și numele autorului unei postări într-un element de postare.
• Am creat componenta Comment care afișează textul comentariului, numele autorului și marca de timp a comentariului într-un element de comentariu.
• Am creat componenta TodoItem care afișează textul sarcinii și indică dacă sarcina este finalizată sau nu.
• Am creat componenta Parent care conține două componente copil: ChildA și ChildB. ChildA afișează un buton, iar ChildB afișează un element de afișare a rezultatului. Funcția apelată când utilizatorul apasă butonul din ChildA transmite rezultatul către ChildB și este afișat în elementul de afișare a rezultatului.
• Am creat componenta Counter care afișează un număr și două butoane pentru incrementare și decrementare. Valorile numărului se actualizează în funcție de acțiunile utilizatorului.
• Am creat componenta Timer care afișează un cronometru și două butoane pentru pornire și oprire. Cronometrul poate fi controlat de utilizator prin intermediul butoanelor.
• Am creat componenta Parent care conține două componente copil: Button și Message. La apăsarea butonului, se schimbă mesajul afișat în componenta Message.
• Am creat componenta Form care conține un formular cu câmpuri de introducere pentru nume și adresă de email. Valorile introduse sunt transmise către alte componente pentru afișare sau prelucrare ulterioară.
• Am creat componenta Accordion care afișează o listă de întrebări și răspunsuri, permițând utilizatorului să extindă sau să restrângă întrebările pentru a vedea răspunsurile.
• Am creat componenta ProductList care afișează o listă de produse și permite utilizatorului să selecteze un produs pentru a vedea detalii suplimentare.
Desktop.2023.12.05.-.15.26.27.06.mp4
rulare:
npm install
npm install react-scripts
npm install react-dom
npm install web-vitals
npm install antd