System.out.println("About Me");

Developer Mindset.

Actively Seeking PFE Internship
KIAA Khalid

KIAA Khalid

The Architect

I specialize in bridging the gap between heavy data processing and seamless user experiences. Using Java, Spring Boot, and modern frontend frameworks like React, I build secure, scalable, and production-ready architectures.

khalid@mac-m1-pro:~
~

20+

Projets Réalisés

Architecture Microservices & Web

05+

Clients Satisfaits

Solutions sur-mesure livrées

10+

Projets Éducatifs

Projets académiques & EMSI

10+

Technologies

Java, Spring Boot, React, Next.js

Trusted By & Collaborations

Frank Klin
Logo
"

Khalid a transformé notre architecture microservices Java. Une performance et une propreté de code exceptionnelles.

Frank Klin

CTO, Tech Innovators

Sarah Chen
Logo
"

Une intégration React/Next.js fluide. Visionnaire sur l'UI et très rigoureux dans ses livrables.

Sarah Chen

Lead Product, NovaScale

Alain Dubois
Logo
"

Solution robuste et livrée dans les temps. Excellent suivi de A à Z. Je le recommande vivement.

Alain Dubois

E-commerce Manager

Maria Rossi
Logo
"

L'expertise technique que nous recherchions pour notre MVP. Un ingénieur logiciel sur qui on peut compter.

Maria Rossi

Startup Founder

Frank Klin
Logo
"

Khalid a transformé notre architecture microservices Java. Une performance et une propreté de code exceptionnelles.

Frank Klin

CTO, Tech Innovators

Sarah Chen
Logo
"

Une intégration React/Next.js fluide. Visionnaire sur l'UI et très rigoureux dans ses livrables.

Sarah Chen

Lead Product, NovaScale

Alain Dubois
Logo
"

Solution robuste et livrée dans les temps. Excellent suivi de A à Z. Je le recommande vivement.

Alain Dubois

E-commerce Manager

Maria Rossi
Logo
"

L'expertise technique que nous recherchions pour notre MVP. Un ingénieur logiciel sur qui on peut compter.

Maria Rossi

Startup Founder

Frank Klin
Logo
"

Khalid a transformé notre architecture microservices Java. Une performance et une propreté de code exceptionnelles.

Frank Klin

CTO, Tech Innovators

Sarah Chen
Logo
"

Une intégration React/Next.js fluide. Visionnaire sur l'UI et très rigoureux dans ses livrables.

Sarah Chen

Lead Product, NovaScale

Alain Dubois
Logo
"

Solution robuste et livrée dans les temps. Excellent suivi de A à Z. Je le recommande vivement.

Alain Dubois

E-commerce Manager

Maria Rossi
Logo
"

L'expertise technique que nous recherchions pour notre MVP. Un ingénieur logiciel sur qui on peut compter.

Maria Rossi

Startup Founder

Expertise & Services

HOW I CAN
HELP YOU.

As an independent Software Engineer, I support you from technical design to the production of your digital solutions.

Crafting high-performance, scalable, and immersive digital experiences. From showcase landing pages to complex business applications.

  • Modern React / Next.js sites
  • Enterprise web applications
  • Seamless animation integration (GSAP, Framer)
  • SEO & Web Vitals optimization

Engineering Projects

Selected WORKS.

Transport Management System
01

TMS & AI ANPR (YOLOv8)

Problem Statement

Optimizing urban logistics: Moroccan bus fleets needed automated check-in/out to reduce human errors and terminal waiting times.

Technical Implementation

Deployed a custom YOLOv8 model (mAP50: 94.2%) for Automatic Number Plate Recognition (ANPR). Real-time pipeline via STOMP WebSockets (<20ms) and interactive Mapbox GL JS mapping.

Added Value & Metrics

Zero perceived latency. 'Grade A' certified code on SonarQube. JMeter load tests validated for 200+ users with an average response time of 38ms.

Spring Boot 3.2Next.js 16YOLOv8MapboxSonarQubeJMeter
School Management System
02

SIGAP : Edge AI & IoT

Problem Statement

Combating absenteeism and attendance fraud. The challenge was creating a decentralized (Edge) system capable of operating without total cloud dependency.

Technical Implementation

Hybrid architecture combining DeepFace for facial recognition and ESP32 for NFC/Bluetooth access control. Local processing on Raspberry Pi to ensure AES-256 privacy.

Added Value & Metrics

Massive 57% reduction in fraud. 33% improvement in student tracking accuracy. Winner of the ExpoTech 2025 Certificate of Excellence.

DeepFaceESP32Raspberry PiJavaReact.jsEdge Computing
Cybersecurity Platform
03

MobileSec-MS (Microservices)

Problem Statement

Need for a DevSecOps pipeline for static and dynamic analysis of APK/IPAs to proactively identify suspicious behaviors and malware.

Technical Implementation

Ecosystem of isolated microservices using Docker, communicating via REST APIs. Integrated a machine learning engine for mobile file threat scoring.

Added Value & Metrics

Total isolation of analysis environments (Sandboxing). Automated generation of secure compliance reports for development teams.

Java 17Spring BootDockerMachine LearningMicroservices
Desktop Enterprise Solution
04

FaceSmart : AI & HR

Problem Statement

Modernizing HR processes to reduce repetitive administrative tasks (timesheet entry, attendance reports) and evaluate productivity.

Technical Implementation

Desktop application using OpenCV for real-time facial recognition. Data analysis algorithms to generate customized productivity dashboards.

Added Value & Metrics

Automated 90% of attendance tracking workflows. Centralized HR data enabling decision support based on automated performance reports.

PythonOpenCVReact.jsDesktop AppData Science
Flutter/Dart Architecture
05

Cross-Platform Contact Manager

Problem Statement

Need for a unified and high-performance enterprise contact management solution, ensuring perfect synchronization between Android and iOS.

Technical Implementation

Material Design 3 architecture built with Flutter. Implemented local persistence and asynchronous sync via secure REST APIs.

Added Value & Metrics

High-performance navigation and smooth 60fps animations. Rigorously validated via E2E testing (Selenium) and JMeter load testing.

FlutterDartREST APIJMeterMaterial Design
Software Engineering Tools
06

UML Diagram Designer

Problem Statement

Difficulty in visualizing complex architectures. Needed a tool capable of transforming a visual diagram into a functional code skeleton.

Technical Implementation

Interactive graphic rendering engine built with React.js. Implemented a multilingual code generator (Java, Python, PHP) based on UML class relationships.

Added Value & Metrics

Accelerated the software design phase. Tool used for simplified technical documentation and object-oriented programming education.

React.jsSpring BootUMLCode GenerationAlgorithms
Agile Project Management
07

Task Management (Norsys)

Problem Statement

Optimizing collaboration within Norsys Africa teams for sprint tracking and real-time priority management.

Technical Implementation

Developed a robust SPA (Single Page Application). Complex state management for task tracking, push notifications, and collaborative synchronization.

Added Value & Metrics

Significant improvement in team velocity during sprints. Intuitive interface promoting rapid adoption by new team members.

JavaSpring BootReact.jsAgile Methodology

Work Process

HOW WE BUILD
SUCCESS.

A clear and transparent methodology ensuring your project is delivered on time, without compromising on quality.

01

Discussion & Scoping

In-depth analysis of your needs, technical architecture (Java/React) definition, and project specification planning.

02

Design & Prototype

Creation of UI/UX mockups and validation of the user journey (wireframes) before writing a single line of code.

03

Development

Clean and optimized code. I work in regular sprints to show you real-time progress.

04

Testing & Delivery

Rigorous Quality Assurance (QA) phase, bug fixing, server deployment, and documentation handover.

Let's Work Together

HAVE A
PROJECT?

Ready to turn your idea into a high-performance software solution? Let's discuss your goals and see how I can help.

Available

Send me a message