Senior Full Stack JavaScript Developer with 6+ years of experience building scalable, production-grade web applications from end to end. Expert in Node.js / NestJS backends and modern React / Next.js frontends, with deep knowledge of microservices, REST APIs, GraphQL, and real-time event-driven messaging.
Comfortable owning the full delivery cycle — from architecture and coding to CI/CD, containerization, and observability — in critical environments that demand zero downtime. Specialized in government and institutional systems.
Core Expertise: Microservices • Event-driven Architecture • REST APIs • GraphQL • Next.js 15 (SSR/SSG/ISR) • NestJS • Node.js • Docker • Kubernetes • NATS • Keycloak (OAuth 2.0 / OIDC) • CI/CD • Clean Architecture • Feature-Sliced Design (FSD)
View CVArchitected and delivered a secure, multi-service web platform for critical judicial workflows. Designed a real-time event-driven layer using NATS for high-throughput async communication between distributed services. Built a reusable, accessible React component library integrated across the entire frontend.
Implemented multi-partner SSO with Keycloak 22, OAuth 2.0, and OpenID Connect. Integrated Cypress E2E test suite and SonarQube quality gates into CI/CD pipelines with >85% code coverage. Achieved zero unplanned downtime over the project lifetime.
Tech Stack: NestJS, Next.js 15, TypeScript, NATS, Oracle DB, Docker, GKE, GitLab CI/CD, Jenkins, Keycloak 22, Cypress, SonarQube.
Developed an internal platform for secure management, transfer, and digitally signed documents between departments. Built full-stack document management system for a private intranet — NestJS REST APIs and a Next.js 14 frontend with SSR for secure, air-gapped access.
Built digital-signature workflows using OpenSSL and end-to-end data-integrity tracking across all document services. Automated environment-specific builds and deployments with GitLab CI and Docker; maintained multiple environment configs.
Tech Stack: NestJS, Next.js 14, TypeScript, PostgreSQL, Docker, GitLab CI, OpenSSL.
Developed a web platform to manage applications for internships and training programs, featuring a candidate portal for application submission and a back-office for tracking, reviewing, and managing applications.
The system supports role-based access, workflow management, and secure authentication using Keycloak. Agile development practices with Scrum were followed to ensure iterative delivery and quality.
Tech Stack: React.js, NestJS, MongoDB, Tailwind CSS, CarbonJS, UML, Docker, GitLab, Keycloak, Jira (Scrum).
Sole developer: designed and shipped a production recruitment platform — NestJS REST API backend, Next.js 14 SSR/SSG/ISR frontend, MongoDB persistence. Implemented candidate pipeline, job posting CRUD, applicant tracking, and email notifications end-to-end.
Set up full CI/CD on GitLab CI + Jenkins, deployed to GCP Cloud Run; automated quality gates with SonarQube and Cypress. Focus on SEO optimization and performance.
Tech Stack: Node.js, NestJS, Next.js 14, MongoDB, Docker, GCP (Cloud Run, Cloud Build), GitLab CI, Jenkins, SonarQube, Cypress.
A modern and scalable eCommerce web application designed for selling organic (bio) and cosmetic products online. The platform provides a seamless shopping experience with product browsing, detailed product pages, a dynamic shopping cart, and a secure checkout process powered by Stripe for online payments. Built with Next.js 15 for high performance.
Tech Stack: Next.js 15, React.js, TypeScript, Tailwind CSS, Stripe.
A modern and scalable eCommerce web application designed specifically for a premium cosmetics and skincare store. The platform provides a seamless shopping experience with intuitive product browsing, detailed item pages, a dynamic shopping cart, and a secure checkout process powered by Stripe for online payments. Built with Next.js 15 for high performance.
Tech Stack: Next.js 15, React.js, TypeScript, Tailwind CSS, Stripe.
A modern and scalable eCommerce web application designed specifically for a premium optical store. The platform provides a seamless shopping experience for discovering prescription glasses and sunglasses with an intuitive product browsing interface, detailed frame specifications, a dynamic shopping cart, and a secure checkout process powered by Stripe. Built with Next.js 15 for high performance.
Tech Stack: Next.js 15, React.js, TypeScript, Tailwind CSS, Stripe.
Built a real-time pizza ordering platform with live order tracking, Socket.IO updates, and integrated Paypal payments. Strengthened my MERN stack, API design, and deployment skills. Solved complex workflow issues by iterating quickly and testing in production-like environments.
Tech Stack: MongoDB, Express.js, React.js, Node.js, Socket.IO, PayPal.
Built a full-scale Gym Management SaaS with role-based dashboards, real-time updates, and subscription management. Implemented member tracking, attendance (manual and automated), payments, and multi-user workflows (Owner, Trainer, Manager, Receptionist). Focused on scalable frontend architecture, seamless UX, and real-time functionality using Socket.IO. Designed and deployed a production-ready system optimized for performance and day-to-day business operations.
Tech Stack: React.js, Node.js, Socket.IO, role-based dashboards, subscription workflows.
Built a responsive interior-design portfolio using Next.js, Tailwind CSS, and Vercel. I refined layouts, optimized routing, and improved performance through iterative testing. The project reflects my commitment, perseverance, and willingness to explore alternative solutions.
Tech Stack: Next.js, React.js, Tailwind CSS, Vercel.
Tomato is a modern, responsive food ordering web application frontend built with React.js. It provides a clean UI for browsing food items, managing cart interactions, and simulating the ordering flow. The project follows a scalable component structure, making it easy for future backend integration
Tech Stack: React.js, JavaScript, CSS, component-based architecture.
Developed a modern branding website for Find-It using Next.js and Tailwind. Focused on responsive UI, clean architecture, and reusable components. Strengthened my SSR, SEO, and TypeScript skills while iterating on design challenges and exploring alternative solutions to improve UX.
Tech Stack: Next.js, TypeScript, Tailwind CSS, SSR, SEO optimization.
Created a modern travel landing page using React and Tailwind, featuring destinations, services, and a guided booking flow. Enhanced my UI/UX, component design, and state management skills while iterating on layout challenges and exploring alternative solutions for responsiveness and performance.
Tech Stack: React.js, Tailwind CSS, component-based UI.
Royal Gendarmerie, Rabat
E-PV: Judicial Case Report System • GED/GESTRE: Document Management
Remote / Personal Projects
Public Organization, Rabat
SUPMTI, Rabat
SUPMTI, Rabat
ISTA Mirleft
I'm always open to discussing new projects, collaborations, or opportunities. Feel free to reach out to me directly via phone, email, or through the contact form. I strive to respond promptly during business hours.