IdleMat.es - Steam Hours Boosting Platform

IdleMates
IdleMat.es - Steam Hours Boosting Platform

Provocarea clientului

IdleMates și-a propus să creeze o platformă simplă, sigură și scalabilă pentru creșterea automată a orelor de joc pe Steam. Obiectivele cheie au fost: autentificare fiabilă cu parole și magic link, management facil al conturilor, publicare de noutăți pentru utilizatori, procesare plăți recurente și o interfață modernă, coerentă și performantă atât pe mobil, cât și pe desktop.

Soluții implementate

  • UI unificat și design modern: Temă dark cu identitate vizuală proprie (accent violet), eroi (hero) animați pentru paginile informative și componentizare pentru layout, tipografie și elemente de interacțiune.
  • Autentificare robustă (NextAuth): Credentials + Email (magic link), redirect-uri sigure cu protecție împotriva callback-urilor în lanț, verificări anti-abuz și șabloane de e-mail branduite livrate prin Brevo (SMTP) / Nodemailer.
  • Recuperare cont: Flux complet de resetare parolă prin e-mail, tokenuri cu expirare și UI dedicat pentru solicitare și setare parolă.
  • Administrare avansată: Secțiuni Admin pentru utilizatori, sesiuni, plăți și setări, cu filtre, sortare, căutare debounced, paginare, editări în linie, badge „BANNED” și feed de evenimente.
  • Sistem de știri (News): Model „NewsPost”, pagini publice și editor cu Markdown (GFM) + preview live; randare coerentă și SEO corect pe pagini.
  • Securitate & criptare: Gestionarea cheilor cu AES‑GCM (envelope encryption) pentru date sensibile ale utilizatorilor; normalizare e-mail și controale suplimentare la autentificare.
  • Performanță & scalare: Redis + BullMQ pentru joburi în fundal, Docker pentru rulare, rate limiting și scripturi de start/worker pentru stabilitate în producție.
  • Experiență mobil îmbunătățită: Eliminarea auto-zoom-ului pe input (viewport + mărime font) și feedback non-intruziv prin SweetAlert2 toasts pentru erori/succes.

Tehnologii utilizate

Next.js 14 (App Router) cu React 18 și TypeScript; TailwindCSS pentru stilizare; Prisma + MySQL pentru persistență; NextAuth (Credentials + Email) pentru autentificare; Nodemailer (Brevo SMTP) pentru e-mailuri branduite; Redis + BullMQ pentru joburi în fundal; Markdown (GFM) pentru conținutul de tip știri; containerizare cu Docker și scripturi dedicate pentru pornire/worker.

Rezultate obținute

  • Flux de autentificare stabil (parolă + magic link), fără bucle de redirect, cu e-mailuri branduite și mesaje clare în UI.
  • Dashboard clar pentru monitorizarea sesiunilor, status live și acțiuni rapide asupra conturilor.
  • Panou de administrare eficient: căutare, filtrare, editare rapidă și feedback instant prin toasts.
  • Publicare de știri în Markdown cu preview live și pagini publice coerente cu restul site-ului.
  • Performanță foarte bună pe mobil și desktop, cu interacțiuni fluide și timp de încărcare redus.

Impactul proiectului

IdleMates oferă o experiență profesionistă și sigură utilizatorilor care doresc să crească orele de joc pe Steam. Platforma este pregătită pentru extindere (noi planuri, integrare plăți, optimizări de worker), iar echipa poate comunica transparent prin sistemul de știri. Setul de instrumente pentru administrare reduce timpul operațional și crește controlul asupra calității serviciului.

Durată proiect: 3 săptămâni
Status: Implementat, online și operat activ cu suport și documentație completă