Détenteur du Permis B ainsi que d'un véhicule personnel, déplacements possibles - Capacité d'adaptation selon les besoins - Motivée par les nouveaux projets -Vous pouvez me contacter dès maintenant.
Mes 2 passions :
▸Jeux vidéo
Expérience d'équipe semi-profesionnelle en tant que joueur et manager au sein de la structure Zephyr E-Sport.
▸Musique
Pianiste depuis 14 ans en conservatoire Cycle III , Violoniste depuis 5 ans Cycle I à Laval.
Niveau d'anglais confirmé
Mes compétences
Mes acquis jusqu'à maintenant.
Développeur-Web
Un an d'expérience en développement web multimédia ainsi qu'un an en Game Design.
La liste de mes compétences :
HTML5/CSS3
Javascript/Jquery/AJAX/Vuejs/Reactjs
PHP/Laravel/Symfony
WordPress/Joomla!
GitHub
Infographiste
Deux ans d'expérience en infographie avec maîtrise de la suite Adobe.
Travail en tant que Développeur-front pour OverMatch.
Compétences :
HTML5/CSS3
GitHub
JavaScript
Mai - Juillet 2018
Projet Zephyr E-sport
Travail en tant que Développeur-front pour Zephyr E-Sport.
Compétences :
HTML5/CSS3
Bootstrap
JavaScript
Janvier 2019
Diplôme PHP
Diplome obtenu à OpenClassRoom, formation à distance.
Compétences :
PHP
Mysql
Wamp
Septembre 2019 - 2021
Alternance LOG System
Travail en tant que Développeur fullstack pour LOG System.
Compétences :
HTML5/CSS3
Javascript/AJAX
Wordpress/Joomla!
PHP/Symfony
Windev Mobile
Écrivez
mon
Histoire !
Illustrator
Vectoriel, illustrations, flat-design
Travail d'école afin d'illustrer 3 notions : Cloud, responsive et tchat.
Tracé à la plume et vectoriel.
Date: 2016
Client: Ecole MJM Graphic Design
Catégorie: Illustrator
Photoshop
Retouche
A l’aide de ces deux photos j’ai donc réalisée plusieurs retouches :
Sélectionner le visage souriant de la petite fille sur la photo 2 grâce à la sélection rapide, puis ensuite j’ai corrigé les défauts de ma sélection grâce à un masque , et d’une brosse avec 0 de dureté.
Tracer un repère au niveau du banc pour ensuite faire une rotation de la photo afin que le banc soit bien droit.
Pour corriger le bout manquant du banc j’utilise l’outil tampon.
J’ai ensuite masqué les marques dans la pelouse à l’aide de l’outil tampon (donc en dupliquant l’herbe intacte à côté)
Supprimer le parking de voiture, toujours à l’aide de l’outil tampon en utilisant les hautes herbes dans le fond.
Puis dernière étape, supprimer les barbecues avec l’outil tampon en prenant soin de ne pas baver sur l’épaule de la petite fille
Date: 2016
Client: MJM Graphic Design
Catégorie: Photoshop
In Design
Brochure - Mise en page
Brochure à mettre en page selon modèle
Date: 2016
Client: MJM Graphic Design
Catégorie: InDesign
HTML5/CSS3
Création de page Crédit Mutuel
Création d'une page afin de promouvoir les différents avantages jeunes.
Date: 2018
Client: Crédit Mutuel
Catégorie: HTML5/CSS3
WordPress Anapath
Site WordPress
Proposition de site internet Wordpress avec thème et plugins adaptés.
Configuration d’une partie shop pour la commande de produits
Création de logo
Configurations de comptes admins & de droits
Date: 2020
Client: Log System
Catégorie: Développeur Fullstack
Game Design
Visual Novel en Python
Visual Novel codé en Python basé sur un monde apocalyptique avec comme personnage principal un robot.
Code Laïka est un outil vous permettant d'analyser votre code PHP. Grâce à son analyse robuste, votre PHP deviendra une oeuvre d'art en seulement quelques minutes. Il suffit pour cela d'indiquer l'URL de votre repo puis de patienter quelques minutes. Une fois l'analyse terminée vous pouvez recevoir les résultats en indiquant votre adresse email.
Je vous présente le projet Code Laïka, un projet d’intersession présenté à l’IT Akademy par deux de mes camarades de promotion et moi-même en août 2020. Le sujet imposé était de proposer un site donnant la possibilité à l’utilisateur de faire analyser son code PHP. Le framework Laravel était lui aussi imposé, nous n’avions jamais codé dans ce langage auparavant.
Dans un premier temps, nous avons fait des recherches concernant les adjectifs pouvant qualifier l’identité de notre projet :
Sécurité (Structure assez simple et organisée)
Proximité (Charte graphique ‘fun’ et abordable + mascotte)
Plutôt tourné vers le particulier + OpenSource (Simple d’accès, ouvert)
Éducatif , bienveillant, formateur
Simple d’utilisation (gif et vidéo de présentation)
Partage et entraide (preview de développeurs, commentaires)
Dans un souci de cohérence et de simplification des tâches, nous avons préféré choisir : Moderne, rapide, intelligent et robuste.
Puis nous avons défini la cible de notre site internet, nous avons conclu que l’application était destinée aux utilisateurs développeurs PHP de tous niveaux et tout public, avec une possibilité à l’avenir de pouvoir ajouter d’autres analyseurs pour d’autres langages.
Pour finir, les technologies et outils utilisés pour mener à bien ce sujet :
Outils de développement / Technologies :
Un front développé avec Vuejs 2
Implémentation de nuxtjs
Implémentation de axios
Un backend en PHP de type API développé avec Laravel
Un traitement asynchrone des jobs d’analyse (Queues)
L’envoi d’e-mails transactionnels pour informer l’utilisateur des étapes de traitement de son projet
La possibilité de recueillir des dons pour financer le projet
Base de donnée : Mysql
Outils de versioning / Gestion de projet :
Documentations : README.md Git
IDE : PhpStorm | Visual Studio Code
Versionning : Gitlab + GitKraken
Gestion de tâche : GitGraken Board
Suivi de projet : Google Gantter
Pour garantir l’avancée homogène du projet il nous fallait prévoir les futurs désagréments de ce développement :
Délai court de trois semaines.
Obligations de montée en compétence sur Laravel et Vuejs
Le sujet de la conquête spatiale ayant de nombreux points communs comme le fait d’être rapide, performant et robuste, a donc fait l'unanimité comme thématique à adopter. Pour garantir la sympathie des utilisateurs il est parfois bon de créer une mascotte, c’est ce que nous avons décidé de faire en rendant hommage à “Laïka” la première chienne ayant voyagé dans l’espace.
Date: 2020
Client: It Akademy
Catégorie: Développeur Fullstack
Projet KawAI
Tamagotchi en python / reactjs
Pendant notre second travail d’intersession 2021, nous avons eu la possibilité de travailler sur des projets IoT. Nous avions une contrainte matérielle qui était de travailler sur un raspberry ainsi qu’avec différents périphériques tels que capteur de luminosité, thermomètre, clavier… Nous avons donc choisi de créer un produit s’inspirant du tamagotchi afin de proposer des interactions positives et éducatives pour les jeunes enfants, les encourageant à adopter des réflexes sains : devenir plus autonome, acquérir un sens des responsabilités en s’occupant d’un être virtuel et garder une alimentation équilibrée.
Si l’enfant s’occupe correctement de l’animal numérique, il est récompensé en gagnant de l’expérience et après un certain temps il peut évoluer ce qui modifie son apparence visuelle :
Stack Technique :
back-end Python avec flask
bdd : MongoDB
front-end : Reactjs
Administration:
Python sur le back-end ( en API REST) avec un rôle Admin
MongoDB
Pour rendre le ‘Kawai’ plus vivant et dynamique, nous l’avons transformé en animal numérique avec des besoins. Il est sensible aux températures jugées trop hautes ou trop basses, à la mauvaise nourriture, à la sensation de faim sur le temps et s’endort automatiquement quand son environnement n’est pas très lumineux. Pour que l’enfant sache situer les besoins du KawAI, j’ai créé des visuels dynamiques pour qu’il puisse s’aider de l’interface, où sa barre de vie est affichée, ainsi que pour prêter attentions aux humeurs et émotions du KawAI :
J’ai conçu un environnement s’adaptant également aux conditions météorologiques et temporelles, donnant davantage de réalisme au jeu :
Date: 2021
Client: It Akademy
Catégorie: Développeur Fullstack
JS / PHP
Page tracking
Un de mes projets majeur fut la page shipments details combinant: statuts (workflow), un espace documents, un tableau d’événements personnalisés , des informations textuelles ainsi qu’une carte générée automatiquement au lancement de la page. L’utilisateur a ainsi de multiples fonctionnalités à sa disposition pour consulter des informations ou gérer ses transports ainsi que sa marchandise. Cette page a été un réel challenge pour moi car il était primordial de combiner ergonomie et habitudes de lecture de l’utilisateur.
Statuts (workflow) : Affichage dynamique permettant de voir l’avancée du transport. Celui-ci est uniquement affiché grâce à des conditions d’affichage en PHP & du CSS.
Espace document : Espace de gestion de document, ajout, édition et suppression ainsi que preview des images et génération de preview PDF si nécessaire. Chaque interaction est reliée à un script PHP afin de mettre à jour les informations en base. L’affichage est assisté par des scripts JS notamment de l’AJAX pour garantir la sauvegarde des données de façon dynamique à chaque modification effectuée par l’utilisateur. De plus, la partie édition est pré-remplie grâce à de l’AJAX également: on va ainsi directement récupérer les informations dans la table (ou la carte) associée.
Nous allons nous pencher plus en détail sur le développement de la partie “documents”. Cette fonctionnalité a pour destination de stocker les fichiers les plus importants concernant un jobfile dont principalement des fichiers liés à la facturation. Un utilisateur aura tendance à interagir plus facilement avec des documents sous format visuel, ainsi générer une miniature de son document était une priorité pour garantir son efficacité. La difficulté dans ce cas était les fichiers sous format PDF puisqu’ils ne disposent pas d’aperçu image par défaut. J’ai donc utilisé le plugin PdfUtils pour créer et stocker sur le serveur une miniature représentant la première page du fichier. Une autre problématique s’est donc posée : Comment garantir la confidentialité de ces informations tout en gardant un aspect visuel et interactif ? La réponse a été assez simple, on peut reconnaître le document en question dans son apparence globale mais nous n’avons pas la nécessité de lire son contenu pour le rendre reconnaissable. Ainsi, j’ai spécifié plusieurs paramètres de gestion d’image en fonction du format demandé
Tableau événements : Espace de gestion d’événements, ajout, édition et suppression. On peut également trier les événements en les réorganisant dans le tableau (drag and drop). J’ai ici utilisé du Javascript ainsi que du CSS pour styliser cet effet.
Informations textuelles : Affichage des différentes informations et détails du transport. Les seules et uniques conditions d’affichage ici sont si la donnée est bien renseignée pour ne pas afficher de titre flottant.
Carte : Une carte générée grâce aux données stockées (Ville de départ & ville d’arrivée). Si les données Lat & Lng ne sont pas stockées en base on fait alors appel à l’API Geocoding pour les trouver et les mettre à jour. On utilise l’API Google Map pour placer deux marqueurs et ainsi tracer un trait les reliant.