Just launched my second full-stack project: Mini-Crm-Rh!
Salem Ouachouacha
Published
I designed and developed a secure, scalable HR and recruitment platform using NestJS (v11), MongoDB, React 19, and Tailwind CSS. This end-to-end system includes advanced authentication, real-time collaboration, automation, and role-based access controlโall built with production-grade architecture and best practices,
(1) ๐ -backend - nestJS, mongoDB, webSocket, REST -implemented robust auth system using JWT, refresh tokens, Google OAuth2, and HttpOnly cookies.
-enforced role-based access control with custom decorators and guards (e.g., one admin per system).
-modularized features: auth, absence, auditLogs, jobOffers, documents, enterprises, notifications, etc.
-enabled Google email verification and nodemailer integration.
-built real-time group messaging (users โ admin) with Socket.IO and user presence tracking.
-integrated notifications for absences, events, and admin actions.
-used cron jobs to auto-expire job offers daily at midnight.
-added audit logging for all critical actions (user creation, deletions, etc.).
-built advanced search, filter, and pagination for users, jobs, enterprises, and feedbacks.
-applied interceptors for silent token refresh and custom data shaping to avoid exposing sensitive info.
-documented APIs with Swagger; followed SOLID, DRY, and Clean Architecture principles.
(2) ๐ -frontend - React 19, Redux Toolkit, Tailwind CSS
- i created two different sidebar and header one for ADMIN and one for HR
-developed a modern, responsive UI with TailwindCSS, Framer Motion, Lucide, and HeroIcons.
-used js-cookie and jwt-decode for secure, persistent login and token management.
-integrated Socket.IO client for real-time messaging and online user tracking. -built calendar/event features with react-big-calendar, chart.js, and react-calendar.
-added drag & drop file uploads, toast notifications, Lottie animations, and dynamic dashboards.
-implemented search, filtering, and pagination across key data views (job offers, users, etc.),
-implemented a search for auditLogs Action that useres make with action search
(3) ๐ -Security & Code Quality -enforced HttpOnly cookies, refresh token rotation, and DTO-based response shaping.
-used interceptors for secure token lifecycle management.
-maintained clean code with TypeScript, ESLint, Prettier, and modular folder structure.
(4) ๐ -Stack & Tools -backend: NestJS, MongoDB, Argon2, Passport, OAuth2, Mailer, Cron, Swagger, Socket.IO
-frontend: React 19, Redux Toolkit, Tailwind CSS, Axios, Chart.js, React Calendar, Lottie
-security: Refresh Token Rotation, HttpOnly Cookies, RBAC, OAuth2, Secure Data Projection Iโm excited to keep improving it and explore more advanced features! ๐https://www.twine.net/signin ๐ซ Feel free to reach out if you want to know more or collaborate!
hashtag#FullStackDeveloper hashtag#NestJS hashtag#React19 hashtag#MongoDB hashtag#HRPlatform hashtag#RecruitmentTech