Your browser is outdated!

To ensure you have the best experience and security possible, update your browser. Update now

×

Ben Hassine Oussama

Ben Hassine Oussama

DÉVELLOPEUR WEB(Javascript | Angular/Vuejs)

Employed Available
Oussama est un passionné du Web et des Logiciels libres.
Son présent emploi du temps est de contribuer au projet N3RD en tant que Developer Front-End. Au cours des années il a majoritairement réalisé des sites et des applications web. Sa passion converge vers les standards du web, les technologies «front-end».
Resume created on DoYouBuzz

Développeur Front-End Senior

ITIPART
Since April 2023
  • Développer un bot de sélection des candidats et à gérer les appels si leur candidature était acceptée.
  • Concevoir et développer le front-end du bot de sélection des candidats. J'ai travaillé en étroite collaboration avec une équipe composée de concepteurs UX/UI, de développeurs back-end et de chefs de projet pour comprendre les besoins et les spécifications du projet.
  • Collaborer avec les développeurs back-end pour intégrer les fonctionnalités de sélection des candidats et de gestion des appels dans le front-end du bot. Nous avons utilisé une API pour récupérer les données des candidats, les traiter et prendre des décisions en fonction des critères de sélection prédéfinis.
  • Développer le Design système de la plateforme

    Vue3 / Typescript / nodejs / vitejs / sass / jira / python
  • Création des nouvelles pages
  • Mettre en place un script qui génère automatiquement l’espace du travail
  • Fixation des bugs HTML et javascript
  • refonte du callbot helloBank
    Environnement technique :
    Js native(Es6) / scss / vuejs/ webpack / git / jira / AEM
  • Refonte Front-end totale des sites des trois marques Etam avec du
    JS (ECMA6).
  • ▪ Création des contrôleurs et des modèles pour chaque module
    (Fiche produit, catalogue, mon compte…)
    ▪ Compilation de CSS + JS en utilisant Webpack
    ▪ Démarche Mobile-Soft (Responsive Design...)
    ▪ Méthode Agile Scrum

    Environnement technique :
    Js native(Es6) / scss / Salesforce / webpack / git jira
  • Evolution du site EDF particulier vers une nouvelle architecture et
    pour intégrer l’accessibilité du site pour les non-voyants.
  • Mettre en place un Design System
    ▪ Développement des composants accessible
    ▪ Migration angularjs vers Angular 7
    ▪ Développent des parcours EDF
    ▪ Mettre en place Storybook
    ▪ Créer une grille personnalisée EDF
    ▪ Rendre les parcours accessibles

    Environnement technique :
    NodeJS | Javascript Native | Angular 7 | webpack V4 | HTML5 |
    CSS3| SASS | Accessibilité | zeplin
  • Maintenance corrective et évolutive (nouvelles fonctionnalités) du
    site EDF particulier
  • ▪ Installation d’environnement à l’aide de tuto confluence
    ▪ Suivi Jira
    ▪ Minimisation et optimisation du code
    Page 3/10
    ▪ Fixation des bugs HTML et javascript
    ▪ Minimisation et optimisation du code
    ▪ Design de nouveaux écrans et/ou améliorer l’ergonomie
    d’écrans existants
    ▪ Création / refactoring des templates de page et des feuilles
    de style CSS
    ▪ Découpage / optimisation des éléments graphiques
    ▪ Développement des interactions et des effets visuels
    ▪ Responsive Design
    ▪ Développement des nouveaux modules angularJs

    Environnement technique :
    AEM | Java | JBOSS | Maven | Angular 1.3 | HTML5 | CSS3| SASS |
    Grunt | zeplin
  • V1 pour la Dashboard IOT :

    • Amélioration de l'architecture du la Dashboard IOT
    • Installer un serveur Node pour lancer le Dashboard
    • Installer un préprocesseur LESS pour améliorer et enrichir le css par des fonctions et des variables
    • Installer Grunt afin de compiler le TS, LESS et la concaténation des fichier Javascript ainsi que le css, ajouter un watch pour capter les modification faite sur les fichiers LESS ou TS pour faire l'auto compilation et générer un dossier build pour la publication du site
    • Développer un module qui supprimes les fichiers et les dépendances inutiles
    • Corriger le responsive design du site et l'adapter sur tous le Device

    Environnement technique :
    DotNET | Elasticsearch | Node | Typescript | Angular 2/ 4 | HTML5 | CSS3| LESS | Grunt
  • Présentation du projet :
    Site France et Poland de Camaïeu la société spécialisé dans la mode des femmes.

    Activités Principales :
    Intégration ,correction et maintenance du site Camieu(Responsive):
    • Amélioration et optimisation du code
    • Fixation des bugs HTML et javascript
    • Minimisation et optimisation du code
    • Intégrer Less pour générer les fichiers styles.
    • Intégrer Grunt pour compiler, minimiser les fichiers styles et les fichiers javascript.

    Environnement technique :
    Java EE | Hybris | XHTML5 | CSS3 | JQUERY | LESS | Grunt

    www.camaieu.fr/
  • Présentation du projet :
    GrandVision est une entreprise néerlandaise de distribution d'optique.
    Elle a deux site Grandoptical et Grandvision.

    Activités Principales :
    Il existe 2 sites avec son propre thème.
    J'ai travaillé sur 2 versions de ce projet.
    Pour la V1 :
    • Correction des anomalies Html | js
    • Intégration HTML de contenus, des templates des deux thèmes du site
    • Amélioration des fonctionnalités Exeamples :
      • Réglage de l'affichage sur Google map des magasins
      • Corriger l'affichage des info Bulles des informations associées aux magasins sur le map
        Pour la V2 :
    • Découpage du maquette.
    • Refonte totales des deux sites en utlisant :
      • la méthodologie BEM du CSS
      • LESS pour générer et compiler les fichiers styles
      • Grunt pour g les fichiers styles et concaténation et minimisation du code javascript
    • Rendre site Full Responsive

    Environnement technique :
    Java EE | Hybris | XHTML | CSS3 | JQUERY | LESS | Grunt

    https://www.grandoptical.com/
    https://www.grandvision.com/
  • Présentation du projet :
    C'est un projet interne pour le site de la société Keyrus pour représenter ses activités pour tous ses filières internationales.
    Activités Principales :
    • Fixation des bugs HTML et Javascript.
    • Intégration HTML
    • Correction des anomalies
    • Migration vers la V2 avec le développement des web services(Entièrement Python) et ajout et amélioration des fonctionnalités.

    Environnement technique :
    Python 2.7 | NodeJs | AngularJs 1.6 | XHTML5 | SASS/COMPASS | CSS3

    http://www.keyrus.com/
  • Présentation du projet :
    Paulette Magazine est le premier magazine féminin 100% participatif dont le site éditorial regroupe plus de 200 000 visiteurs mensuels, 1,9 million de vues et plus de 200 000 fans sur les réseaux sociaux.

    Activités Principales :
    • Conception de bases de données
      pour les différents modules à implémenter Back-Office et Front-Office.
    • Rédaction des spécifications fonctionnelles.
    • Développement, intégration et de l'interface administrateur ainsi l’implémentation les modules nécessaire.
    • Export / Import de nouveau utilisateur depuis le backoffice
    • Développement, intégration site paulette magazine (Responsive design) et la liaison de Back et Front.
    • Intégrer la solution de paiement atos dans le site pour la vente des magazines et des abonnement et l'envois des mails(API native du framework)après la validation du paiement.
    • Générer un PDF des factures après l'achat des magazines
    • Récupérer les dernier informations Twitter via javascript et Ajax.

    • Maintenance et correction des anomalies et ajout des fonctionnalités sur le site après la mise en ligne.

    Technologies : PHP | MySQL, Workbench | Codeigniter | Bootstrap | XHTML | CSS3 | XAJAX | JQUERY

    Lien : http://www.paulette-magazine.com/fr/
  • Présentation du projet :
    Le Club Barter est un club privé d'amateurs dont l'objectif est de démocratiser l'art contemporain. Les membres du club profitent de visites et de soirées privilégiées dans les plus célèbres lieux d'art parisiens, mais aussi dans les plus confidentiels. L'application Barter permet aux invités de différents types d'événements de souscrire à un abonnement au club.

    Activités Principales :
    • Conception de bases de données
      pour les différents modules à implémenter Back-Office et Front-Office.
    • Rédaction des spécifications fonctionnelles.
    • Développement, intégration et de l'interface administrateur ainsi l’implémentation les modules nécessaire.
    • Développement, intégration site Barter-Paris et la liaison de Back et Front.
    • Intégrer la solution de paiement B2BILL dans le site pour la réservations des visites, soirées des et des abonnement et l’envoie des mails(API Mailjet)après la validation du paiement.
    • Conception et Réaliser un moteur de recherche des Artworks.
    • Optimisation du contenu pour la recherche.
    • Maintenance et correction des anomalies et ajout des fonctionnalités sur le site après la mise en ligne.

    Technologies : PHP | MySQL, Workbench | Codeigniter | Bootstrap | XHTML | CSS3 | XAJAX | JQUERY
    Lien : https://www.barter-paris.com/
  • Activités Principales :
    • Création et intégration Landing-page ACE (Responsive design)

    Environnement technique :
    XHTML | Bootstrap | CSS3 | Ajax | JQUERY

    Lien : pas de lien
  • Activités Principales :
    • Création et intégration Landing-page Nacarat(Responsive design)

    Environnement technique :
    XHTML | Bootstrap | CSS3 | Ajax | JQUERY

    Lien : pas de lien

    Lien :http://www.nacarat.com/landing/mouvaux/(Lien inactif)

    Lien : http://www.nacarat.com/landing/saintcyr/(Lien inactif)
  • Présentation du projet :
    Réseau social interne pour les membres de Local Architecture Network pour partager les nouveautés, les images et interagir avec le bouton j’aime et commenter.

    Activités Principales :
    • Conception de bases de données
      pour les différents modules à implémenter Back-Office et Front-Office.
    • Rédaction des spécifications fonctionnelles.
    • Développement, intégration et de l'interface administrateur ainsi l’implémentation les modules nécessaire.
    • Développement, intégration du l'intranet.
    • Maintenance et correction des anomalies et ajout des fonctionnalités sur le site après la mise en ligne.

    Environnement technique :
    PHP | MySQL, Workbench | Codeigniter | Bootstrap | XHTML | CSS3 | XAJAX | JQUERY

    Lien : http://wall.lan-paris.com/
  • Présentation du projet :
    un e-magazine responsive pour les collaborateurs de Cofely Ineo, avec une intégration d'images et des sons. Ce site est entièrement administrable.

    Activités Principales :
    • Conception de bases de données
      pour les différents modules à implémenter Back-Office et Front-Office.
    • Rédaction des spécifications fonctionnelles.
    • Développement, intégration et de l'interface administrateur ainsi l’implémentation les modules nécessaire.
    • Développement, intégration du l'intranet.
    • Maintenance et correction des anomalies et ajout des fonctionnalités sur le site après la mise en ligne.

    Environnement technique :
    PHP | MySQL, Workbench | Codeigniter | Bootstrap | XHTML | CSS3 | XAJAX | JQUERY

    Lien : http://electron-magazine.cofelyineo-gdfsuez.com/
  • Activités Principales :
    • Création et intégration Landing-page Epfif(Responsive design)

    Environnement technique :
    XHTML | Bootstrap | CSS3 | Ajax | JQUERY

    Lien 1 : http://www.epfif.fr/

    Lien 2 : http://www.grandepf.fr/

    Lien 3 : http://www.7ansepfif.fr/
  • Activités Principales :
    • Création et intégration Landing-page Corsea(Responsive design)

    Environnement technique :
    XHTML | Bootstrap | CSS3 | Ajax | JQUERY

    Lien : http://www.investissement-corse.com/
  • Activités Principales :
    • Création et intégration Landing-page Sentinel(Responsive design)
    • Envois des mails après la validations du formulaire de contact.

    Environnement technique :
    PHP5 | XHTML | Bootstrap | CSS3 | Ajax | JQUERY

    Lien : http://www.sentinel-hospitality.com/
  • Présentation du projet :
    Tous Facteurs est La logistique collaborative de proximité.

    Activités Principales :
    • Création et intégration Landing-page tousfacteurs(Responsive design) pour présenter l'application Tousfacteurs vous permet de vous faire livrer les colis.

    Environnement technique :
    PHP5 | XHTML | Bootstrap | CSS3 | Ajax | JQUERY

    Lien : http://www.tousfacteurs.com/
  • Activités Principales :
    • Création et intégration Landing-page Artevilla(Responsive design).

    Environnement technique :
    XHTML | Bootstrap | CSS3 | Ajax | JQUERY

    Lien : http://www.artevilla-hawaii.com/
  • Présentation du projet :
    Un e-book qui permet la découverte des personnes du Road Distrib show sous plusieurs angles.

    Activités Principales :
    • Conception de bases de données
      pour les différents modules à implémenter Back-Office et Front-Office.
    • Rédaction des spécifications fonctionnelles.
    • Développement, intégration et de l'interface administrateur ainsi l’implémentation les modules nécessaire.
    • Développement, intégration du site (Responsive design) et la liaison de Back et Front ainsi que l'implémentation du flip-book et l'adapter au site.
    • Générer un PDF des factures après l'achat des magazines
    • Conception et création d'un moteur de recherche et générer un PDF en fonction du résultat.
    • Maintenance et correction des anomalies et ajout des fonctionnalités sur le site après la mise en ligne.

    Environnement technique :
    PHP | MySQL, Workbench | Codeigniter | FPDF | Bootstrap | XHTML | CSS3 | XAJAX | JQUERY



    Lien : Pas de lien
  • Activités Principales :
    • Création et intégration Landing-page Cogedim(Responsive design).
    • Importer les informations des locaux(nom, images, prix location et adresse)d'un flux XML fournit depuis le Back-Office Cogedim.
    • Faire un filtre pour raffiner la recherche des locaux en fonctions des caractères bien déterminés.
    • Intégrer une interface statistique intéractive et suivi des inscris ainsi que filtrer les utilisateurs par location, origine de visite.

    Environnement technique :
    PHP | MySQL | XHTML | CSS3 | JQUERY

    Lien : http://www.solutions-cogedim.com/
  • Présentation du projet :
    Un jeu-concours et système de vote pour choisir une participante gagnante.
    Activités Principales :
    • Conception, développement, - Intégration d’un site de vote.
    • Installer un Système d'Emailing.
    • Installer un Système de vote.
    • Installer un Système de paiement paypal.
    • Générer automatiquement un gagnant en fonction de nombre de vu profile.

    Technologies : PHP | MySQL, Workbench | Codeigniter | Bootstrap | XHTML | CSS3 | XAJAX | JQUERY

    Lien : http://www.monfashiondream.com/
  • Création site ABI gestion

    Technologies : PHP | MySQL | XHTML | CSS3 | JQUERY


    http://www.abigestion.fr/
  • Création site Socateb

    Technologies : PHP | MySQL | XHTML | CSS3 | JQUERY


    http://www.socateb.com/
  • Création site Heracles-investissement

    Technologies : PHP | MySQL | XHTML | CSS3 | JQUERY


    http://www.heracles-investissement.fr/
  • Activités Principales :
    • Création et intégration Landing-page Nexity Paris 19(Responsive design)
    • Envois des mails après la validations du formulaire de contact.

    Environnement technique :
    PHP | MySQL | XHTML | CSS3 | JQUERY

    http://www.paris19.nexity.fr/
  • Activités Principales :
    • Suivi du projet.
    • Correction des bugs et mise à jour de continu.
    • Ajouter des blocs et intégrer formulaire de téléchargement des plaques
      Des biens.
      -Création d’une page détail contenant les détails d’un logement : Description des lots, Prix nombre de pièce, Surface, Description et localisation.
      -Intégrer des formulaires ÊTRE RAPPELÉ PAR UN CONSEILLER, DEMANDER UN RENDEZ-VOUS et JE SOUHAITE RECEVOIR LA DOCUMENTATION.
    • Mettre à jour de moteur de recherche + raffiner les filtres et les résultats


    Environnement technique :
    PHP | Drupal | MySQL | XHTML | CSS3 | JQUERY

    http://www.proprietairemaintenant.fr/
  • Présentation du projet :
    Présent depuis plus de vingt ans dans l'immobilier commercial et de loisirs,
    La requalification urbaine et l'immobilier de bureaux,
    Sopic intervient comme promoteur, investisseur ou gestionnaire.

    Activités Principales :
    • Suivi du projet.
    • Correction des bugs et mise à jour de continu.
    • Ajouter des blocs et intégrer formulaire de téléchargement de plaque
      Des biens.


    Environnement technique :
    PHP | Drupal | MySQL | XHTML | CSS3 | JQUERY
    http://www.sopic.fr/
  • Présentation du projet :
    Depuis plus de 20 ans, Pitch Promotion est un acteur majeur de l'immobilier.
    Initialement spécialisé dans le logement haut de gamme parisien, le Groupe a développé une solide expérience dans tous les domaines, au niveau national,
    tant dans la construction neuve (collectif, bureaux et sièges sociaux, aménagements urbains, commerces, plateformes logistiques…) que la rénovation.


    Activités Principales :
    • Suivi du projet.
    • Correction des bugs et mise à jour de continu.
    • Ajouter la page commerces qui contiens des locaux (Des emplacements parfaits pour investir dans des murs de commerce ou lancer votre affaire.).
    • Ajouter page détail des locaux contenant les détails d’un logement : Description des lots, Prix nombre de pièce, Surface, Description et localisation.
      -Intégrer un SlideShow contenant les images du local.
      -Localiser le bien en utilisant google-map.
    • Intégrer formulaires Être rappelé dans un pop-up + insertion des donnés dans la base de donnée + envoie d’email de confirmation à l’utilisateur.
    • Intégrer formulaires Contacter un conseiller par mail dans un pop- up + insertion des donnés dans la base de donnée + envoie d’email de confirmation à l’utilisateur.



    Environnement technique :
    PHP | Drupal | MySQL | XHTML | CSS3 | JQUERY
    http://www.groupepitchpromotion.fr/
  • Gestion et suivi de projets web, accompagnement du client, conseil et recommandations
  • Pilotage des projets
  • Expertise qualité et technique : respect des standards, ergonomie, intégration, développement
  • Conception : arborescence, ergonomie, zonings, planning
  • Coordination des équipes
  • Qualification, recettage, suivi qualité des projets
  • Relation et support clients
  • Conception, développement, intégration des sites web
  • Angular
    Advanced
  • Vuejs
    Advanced
  • Sass/LESS
    Advanced
  • XHTML | HTML5 | CSS3
    Advanced
  • JAVASCRIPT | JQUERY
    Advanced
  • Design system
    Expert
  • AJAX
    Advanced
  • E-mailing
    Mailjet | E-mail en HTML responsive multi-clients
    Advanced
  • Systeme de paiement
    B2bill | Atos | Paypal
    Advanced
  • Natation
  • Voyages