Expérience professionnelle
TECOS - Paris De Octobre 2022 à Aujourd’hui
Ingénieur d’études et développement React.js
Projet : Développement d’une application web basée sur l’intelligence artificielle qui permet la reconnaissance
automatique des champs constituants le CV, la création du dossier de compétences relatif et sa conversion
au format souhaité.
Equipe : Dev. Front – Dev. Back – Ing. Data – PO - Designer - Testeur.
Tâches réalisées :
Conception :
Conception et spécification des modules.
Participation à la préparation des écrans IHM avec Adobe XD.
Mise en place du backlog, des sprints et du mapload du projet.
Dev :
Configuration du projet et dépendances : Webpack, Loader, Plugins, Eslint rules.
Développement des composants réutilisables et des interfaces responsives.
Implémentation des Api Rest.
Veuille à l’utilisation des nouvelles fonctionnalités de React et à l’application des bonnes pratiques de
développement.
Containerisation du noyau frontend.
Tests unitaires.
Tests de performance de l’application.
Gestion des accès et des erreurs techniques.
Environnement : React.js, Typescript, HTML5, CSS3, Bootstrap, Material-ui, Adobe XD, VPS, Docker,
Jenkins, SonarQube, MongoDB, Git, Jira, Agile Scrum.
Visto Consulting SA - Tunis De Mars 2022 à Septembre 2022
Ingénieur d’études et développement React.js
Client : Medimaps - Suisse
Projet : Développement d’une application SaaS permettant d’aider les professionnels de santé au diagnostic
de l’ostéoporose et l'évaluation du risque de fracture.
(Une solution logicielle applicative hébergée dans le cloud et exploitée en dehors de l’organisation ou de
l’entreprise par un tiers, aussi appelé fournisseur de service. La solution SaaS est accessible à la demande
via une connexion Internet.)
Equipe : 2 Dev. Front – 2 Dev. Back – PO – Tech. lead - Scrum master - Testeur.
Tâches réalisées :
Conception :
Conception et spécification des modules.
Participation à la préparation des écrans IHM avec Adobe XD.
Mise en place du backlog, des sprints et du mapload du projet.
Dev :
Configuration du projet et dépendances : Webpack, Loader, Plugins, Eslint rules.
Développement des composants réutilisables et des interfaces responsives.
Implémentation des Api Rest.
Containerisation d'état afin d’assurer le découplage en termes d'affichage/logique métier.
Tests unitaires.
Tests de performance de l’application.
Gestion des accès et des erreurs techniques.
Environnement : React.js, Typescript, HTML5, CSS3, Bootstrap, Material-ui, Adobe XD,
SQL server, docker, Gitlab, Jira, Agile Scrum.
Forsyslab – Tunis De Janvier 2019 à Février 2022
Ingénieur d’études et développement React.js
Projet-1 : Développement d'une application Saas du recrutement basé sur le référencement.
Client : Kanopiiis – France
Equipe : Dev. Front – Dev. Back – DevOps – Designer - PO – Tech. lead - Testeur.
Tâches réalisées :
Conception :
Analyse de l'existant.
Documentation du projet :
Conception et spécification des nouveaux modules
Participation à la préparation des écrans IHM avec Adobe XD.
Mise en place du backlog, des sprints et du mapload du projet.
Dev :
Mise en place de Jhipster 6.10.5.
Migration du stack Front de React.js 16.4.12 vers 16.13.1 afin de supporter les nouvelles features.
Refonte des interfaces existantes avec Material-ui.
Développement des nouvelles interfaces jusqu'à la mise en production et veille des évolutions de
l'interface applicative.
Implémentation des API Rest.
Implémentation du module de paiement Stripe Payment.
Gestion des accès et des erreurs techniques liés aux dépendances et au communication.
Ops :
Dockerisation du noyau Frontend.
Environnement : React.js, Javascript, HTML5, CSS3, Typescript, Bootstrap, Material-ui, Adobe XD, Jhipster,
Stripe Payment, MongoDB, Nginx, docker, Git, Jira, Agile Scrum.
Projet-2 : La refonte d’une market place dans le secteur du luxe.
Client : Taleela Co. – Bahreïn
Equipe : 2 Dev. Front – 2 Dev. Back – DevOps – PO.
Tâches réalisées :
Conception :
Analyse de l'existant.
Conception et spécification des nouveaux modules
Dev :
Audit et mise en place des choix techniques du stack frontend : React, Redux, React
Router, Sécurité, Custom webpack et Eslint-rules
Reconstruction du code et mise en place des bonnes pratiques front
Développement des nouvelles UI et des nouveaux Api REST relatives.
Veuille à l’utilisation des nouvelles fonctionnalités de React : standard hooks, custom hooks, error
boundaries, ContextApi
Optimisation de l’application :
Code splitting
Optimisation du code
Lazy loading
Mémorisation
Profilage
Mesurer les temps de rendu (Render Times)
Fenêtrage
Optimisation des dépendances
Tests unitaires.
Environnement : React.js, HTML5, CSS3, Bootstrap, Typescript, Javascript, Node.js, Express.js, MongoDB,
GitLab, Jira, Agile Scrum.
Horizon Conseils - Tunis De Janvier 2017 à Décembre 2018
Ingénieur technico-fonctionnel
Client : Secteur d’industrie - Tunisie
Projet : Développement d'une application « desktop » et paramétrable de paie.
Tâches réalisées :
Coordination entre le service informatique et les départements opérationnels
Analyse des spécifications fonctionnelles et du dossier de paramétrage conformément aux besoins
métier du client.
Installation des nouveaux modules ainsi que les évolutions demandées et la réalisation des tests
associés.
Contribuer au plan de communication et de formation des utilisateurs sur le progiciel.
Environnement : Windows server, SQL server, Scripts, Agile Scrum.
PROJETS PERSONNELS
Projet : Le projet consiste à développer une application depuis la conception jusqu’au production, à construire
des interfaces utilisateurs interactives avec un design responsif et tout en respectant la norme SPA.
Tâches réalisées :
Création d’interfaces utilisateurs utilisant HTML5, CSS3, Bootstrap, JSX et React JS en respectant la
norme SPA et qui communiquent avec le backend via des API RESTful.
Création de composants de haute qualité, scalable et réutilisables avec ES6.
Assurer la communication entre les différents composants de l’application utilisant les props et state
global (redux).
Centraliser l'état et la logique des applications avec redux pour assurer la persistance du state.
Implémentation des maquettes, intégration des bibliothèques tierces depuis NPM et gestion /
création des données du store.
Utilisation de Axios pour les appels API.
Développement des fonctionnalités principales de l’application SCRUD (Search, Create, Read,
Update, Delete).
L'utilisation principale de Node.js, Express.js, MongoDB et Mongoose, la pile MERN complète pour
fournir l'API RESTful.
Ajout d’une sécurité CORS sur ExpressJS niveau backend pour accéder aux ressources de l’hôte
distant.
Implémentation du protocole d’authentification JWT (JSON Web Token).
Ajout des validations et des autorisations utilisateur à l'aide de Node.js et en protégeant les routes.
Implémentation des contrôleurs (Consumer, Route,) pour gérer chaque vue.
Intervenir dans les différentes phases du projet : conception, préparation des maquettes,
développement, debugging, test, production.
Appliquer les bonnes pratiques du développement sous React.
Utiliser Hooks pour gérer l’état et le cycle de vie des composants.
Environnement : CRA, JavaScript, JSX, HTML5, CSS3, React.js, Node.js, Express.js, Bootstrap, REST API,
React developer Tools, Redux DevTools, MongoDB, Mongoose, Postman, JWT, GitHub.