Implemented Solutions
- Unified UI and modern design: Dark theme with its own visual identity (purple accent), animated hero sections for info pages, and componentized layout, typography, and interaction elements.
- Robust authentication (NextAuth): Credentials + Email (magic link), secure redirects with protection against chained callbacks, anti-abuse checks, and branded email templates delivered via Brevo (SMTP) / Nodemailer.
- Account recovery: Complete password-reset flow via email, expiring tokens, and dedicated UI for requesting and setting a new password.
- Advanced administration: Admin sections for users, sessions, payments, and settings, with filters, sorting, debounced search, pagination, inline editing, a “BANNED” badge, and an event feed.
- News system: “NewsPost” model, public pages, and an editor with Markdown (GFM) + live preview; consistent rendering and proper SEO on pages.
- Security & encryption: Key handling with AES-GCM (envelope encryption) for sensitive user data, email normalization, and additional checks during authentication.
- Performance & scaling: Redis + BullMQ for background jobs, Docker for deployment, rate limiting, and dedicated start/worker scripts for production stability.
- Improved mobile experience: Removed auto-zoom on inputs (viewport + font size) and added non-intrusive SweetAlert2 toast feedback for errors/success.
Technologies Used
Next.js 14 (App Router) with React 18 and TypeScript; TailwindCSS for styling; Prisma + MySQL for persistence; NextAuth (Credentials + Email) for authentication; Nodemailer (Brevo SMTP) for branded emails; Redis + BullMQ for background jobs; Markdown (GFM) for news content; Docker containerization with dedicated start/worker scripts.
Achieved Results
- Stable authentication flow (password + magic link), no redirect loops, with branded emails and clear UI messaging.
- Clean dashboard for monitoring sessions, live status, and quick user-account actions.
- Efficient admin panel: search, filtering, fast editing, and instant feedback through toasts.
- Markdown news publishing with live preview and public pages consistent with the rest of the site.
- Very good performance on both mobile and desktop, with smooth interactions and reduced load times.
Project Impact
IdleMates provides a professional and secure experience for users who want to increase their Steam playtime hours. The platform is ready for expansion (new plans, payment integration, worker optimizations), and the team can communicate transparently through the news system. The administration toolkit reduces operational time and increases control over service quality.