Intégration frontend
Pages responsives, composants réutilisables, animations maîtrisées et rendu cohérent sur mobile comme desktop.
Développeur front-end à Casablanca · React & Flutter
DU CODE.
DU
CARACTÈRE.
Interfaces web & mobile.
Précision, fluidité, personnalité.
Gabriel-Halim
Casablanca · À distance
01 / Projets choisis
Du concept à l'interface
Projets qui tournent vraiment.
Une sélection centrée sur les contraintes produit, les choix d'interface et les livrables consultables : parcours, responsive, données, performance perçue et qualité d'intégration.
Développeur front-end spécialisé dans React, les systèmes d'interface et les expériences web interactives. Je transforme des besoins complexes en produits clairs, responsives et réellement utilisables.
- Focus
- Conception UI · Intégration frontend
- Méthode
- Mobile-first · Accessibilité · QA
- Terrain
- Web · Produit · Delivery
Interfaces React
Expériences dynamiques avec navigation fluide, logique claire et attention portée aux états utilisateur.
Coordination projet
Capacité à traduire un besoin client en tâches concrètes, priorités, estimations et livrables vérifiables.
01 · Étude de cas
Nexus IT Dashboard
Transformer un espace de pilotage IT dense en une interface qui aide à décider vite, sans perdre le fil entre tickets, risques et sprint.
Beaucoup d'informations, peu de temps.
Le dashboard rassemble plusieurs vues de travail et doit rester compréhensible pour une équipe qui alterne entre suivi, coordination et alertes.
Une navigation persistante par espace.
La Synthèse, le Kanban, le Sprint, le Reporting, Jira, les Alertes et l'Équipe restent accessibles sans reconstruire le contexte à chaque changement de vue.
Des états lisibles avant les effets.
Les tickets, risques, synchronisations et indicateurs sont traités comme des composants avec un état, une priorité et une action identifiable.
Preuves visibles dans la démo
Ces chiffres décrivent l'état de démonstration consulté, pas une mesure de production.
07 espaces de travail
06 tickets ouverts
03 notifications
Ma méthode
Une méthode lisible, du problème à l'interface.
Chaque décision visuelle doit servir un usage, un état ou une livraison plus fiable.
- 01Comprendre
Clarifier le besoin, le public et les contraintes réelles.
- 02Structurer
Organiser les contenus, les composants et les priorités.
- 03Construire
Intégrer une interface responsive, accessible et maintenable.
- 04Animer
Guider l'attention avec des interactions utiles et mesurées.
- 05Optimiser
Vérifier les états, le mobile, le chargement et la qualité finale.
Laboratoire d’interactions
Des composants qui réagissent comme un produit.
Une petite zone d'expérimentation pour montrer les états d'interface sans transformer le portfolio en démonstration gratuite.
Un contexte opérationnel utile, sans brouiller le profil frontend.
Participation à des salons et missions terrain comme GITEX Future Health, WAM Morocco, UCLG Tanger, Salon du Cheval, Salon des Dattes et bien d'autres événements, avec ou sans badge exploitable.
Ce que ça apporte
Lecture rapide des contraintes réelles : délais, imprévus, coordination client et décisions sous pression.
Pourquoi c'est utile en frontend
Meilleure traduction des besoins non-tech en parcours simples, priorisés et vérifiables côté utilisateur.
Positionnement
Un complément de profil, pas le coeur du portfolio : les projets web restent le premier signal.
Expertise
Un profil frontend avec sens produit.
UI engineering
Je transforme une interface complexe en composants réutilisables, cohérents et faciles à maintenir.
Motion utile
J'utilise l'animation pour guider l'attention, confirmer une action et créer une sensation de fluidité.
Front-end robuste
Je construis des interfaces responsive, accessibles et optimisées pour les vrais usages.
Produit & delivery
Je relie besoins métier, priorités, composants et livrables vérifiables jusqu'à la mise en ligne.
Parcours
Expérience terrain et formation IT.
Racha Digital · Développeur Web
Suivi des besoins clients, estimation, priorisation et contribution aux processus web.
Racha Digital · Régisseur LED
Coordination technique événementielle, synchronisation multimédia et résolution rapide d'incidents live.
European Master's IT Project Manager
Formation FEDE en management de projet IT, organisation, pilotage et livraison.
DTS / Licence Pro Développement Web
Base technique web, développement, intégration et logique applicative.
Contact
Disponible pour projets frontend, sites vitrines et interfaces web.
Basé à Casablanca, ouvert aux collaborations web, aux missions de développement frontend et aux projets mêlant interface, coordination et livraison.
