🤘Frontend

Pentru construirea interfețelor de utilizator, am folosit librăria React, facilitând crearea de componente reutilizabile.

• 🖌️ Stilizare UI: Interfața de utilizator a fost stilizată cu Tailwind CSS, împreună cu Next UI, o librărie de componente moderne.

• 💻 Editor de Cod: Cu ajutorul componentei CodeMirror, integrată pentru a oferi un editor de cod robust și interactiv, utilizatorii pot scrie și edita soluții pentru problemele propuse într-un mediu familiar și eficient. Am adăugat suport pentru mai multe limbaje de programare, pentru a oferi o experiență de dezvoltare cuprinzătoare și adaptată nevoilor utilizatorilor.

• 📊 Grafice: Am integrat Chart.js pentru a crea grafice și diagrame interactive. Această librărie facilitează vizualizarea datelor într-un mod clar și estetic, contribuind la analiza și interpretarea ușoară a informațiilor prezentate.

• ✍️ Editor de Text: Utilizăm TinyMCE pentru a integra un editor de text avansat în aplicație. TinyMCE oferă funcționalități complete de editare a textului, inclusiv formatare, stilizare și suport pentru diverse tipuri de conținut, contribuind la crearea unui mediu de editare flexibil și prietenos cu utilizatorul.

• 🌐 Internaționalizare: Folosind framework-ul i18next, am reușit să facem posibilă internaționalizarea conținutului, oferind suport pentru mai multe limbi.

• 🚀 Gestionare State și Comunicare: Utilizând Apollo Client, o librărie pentru gestionarea stării aplicației și pentru comunicarea eficientă cu serverul backend prin GraphQL, am îmbunătățit scalabilitatea platformei, reducând traficul de rețea și timpul de răspuns al aplicației, aducând DOAR datele necesare.

• 🎨 Animații: Am folosit Framer Motion pentru a adăuga animații și tranziții fluide în aplicație. Această librărie permite crearea de animații sofisticate și interactive, îmbunătățind experiența utilizatorului prin adăugarea de efecte vizuale atrăgătoare și responsabile.