Julien Da Costa

Développeur front-end

Code E-Learning - Vue.js

Voici un projet Vue.js que j'ai réalisé, dont le but est de simuler une plateforme e-learning présentant de faux cours de code. La première page propose plusieurs cours que nous pouvons ajouter dans un faux panier qui récupère le nombre de cours ajoutés et les affiche sous forme de liste. La seconde page affiche les cours que nous avions ajouté au panier.

Dans le cadre d'un module de cours à l'IIM, mon groupe et moi devions réaliser un editeur de code à l'aide de la bibliothèque React. Pour la réalisation de cet editeur de code, nous avons utiliser en plus de React un composant JavaScript appelé CodeMirror. Ce dernier apporte les ressources nécéssaires pour la réalisation d'un editeur de code.

Code editor - React

Trust - HTML, CSS, JS

Dans le cadre d'une semaine transverse du Bachelor Web de l'IIM, j'ai pu réaliser une landing page pour mon groupe. Celle-ci fait la promotion de l'agence que nous avons fondé au cours de cette semaine. Trust avait pour but de se définir comme une agence, mais aussi un label accordé aux entreprises tenant compte des critères RSE et du bien-être en entreprise. Elle a été réalisée à l'aide des languages HTML, CSS et JavaScript dans un délais de 2 jours.

Voici un petit entrainement que j'ai effectué afin de découvrir les bases de React. Pour ce mini projet très simple, je me suis entrainé sur la réalisation d'un composant qui contient des props, ainsi que sur l'utilisation du state. On peut donc voir sur cette page responsive trois fiches qui présentent les films de Zack Snyder dans l'univers de DC Comics (fiches basées sur un composant Fiche), ainsi que des boutons changeant la couleur du titre en fonction de l'état.

DC SnyderVerse - React

GZEH - Three.js

Pendant la deuxième année du Bachelor Web à l'IIM, nous avons eu un module "DevLab" qui nous permettait de pousser nos connaissances dans les languages que nous voulions. Le sujet ? Réaliser un projet web en lien avec un monument célèbre. Avec mon groupe, nous avions choisi les pyramides Gizeh. Nous avons voulu tenter de réaliser ce site avec Three.js que nous n'avions jamais utilisé auparavant. Nous nous somme alors autoformé pour ce projet permettant de tourner autour des pyramides en 3D, et de découvrir quelques infos intéréssantes.

Lors d'une semaine dédiée aux API à l'IIM, nous devions par groupe de deux réaliser un mini site utilisant une ou deux API de notre choix, tout en apportant au moins deux options différentes au site. Pour la réalisation de ce site, nous avons choisi les API TMDb pour les films populaires, et OMDb ont pour les notes des films. Comme vous l'avez probablement deviné, ce cite permet alors de découvrir quels sont les films populaires du moment, ainsi que de voir les notes attribuées au film que nous recherchons.

Movie Card - API

Memory Card Game - JS

Pendant une semaine dédiée au JavaSript à l'IIM, nous devions réaliser des mini projets. L'un de ces projets que j'ai pu réaliser en me basant sur un tutoriel YouTube était un jeu de memory card. C'était un entrainement au JavaScript que j'ai trouvé très intéréssant et qui m'a permis de mieux comprendre le fonctionnement du language.

Voici un mini projet one page simple que j'ai réalisé avec l'utilisation de Bootstrap. Les éléments principaux apportés par Bootstrap sont des sliders. On peut y retrouver des films et séries proposés en fonction de leur catégorie avec une description pour chaque production.

WatchMixer - Bootstrap

Altelis - WP Divi

En 2019 et 2020, j'ai pu rejoindre l'équipe de l'entreprise Altelis en tant que développeur front-end, une entreprise réalisant des sites pour des hôtels. J'ai pu apporter ma contribution sur plusieurs sites grâce au thème Divi de WordPress qui est riche en fonctionnalités. Une feuille de style CSS était réalisée pour chacun de ces sites, en plus du thème qui permettait principalement d'insérer la structure et les blocs, les connaissances en web étaient alors nécéssaires. J'ai pu aider au développement de plusieurs sites, dont ceux que je partage ici.

Un de mes premiers projets web en DUT MMI a été un CV Intéractif. Comme tout CV, ce one page avait pour but de me présenter et de montrer mes compétences. Il a été réalisé en HTML et CSS, mais n'est pas responsive. Il n'a pas été mis à jour, mais je garde ce projet pour montrer mes débuts dans le monde du développement web.

Ancien CV Intéractif

Ancien Portrait Chinois

Voici mon tout premier projet web. A ce moment là, je venais de rentrer en DUT MMI et de découvrir le développement web. Le but du portrait chinois est se baser sur la phrase "Si j'étais... alors je serais..." afin d'expliquer qui nous sommes. Ce one page a été réalisé en HTML, CSS, mais n'est pas responsive.