Mathilde, développeuse web

King Kong Club

2022

Technologies utilisées :

Thème personnalisé WordPress, Timber, Twig, Tailwind CSS, ACF Pro, ...

Contexte :

Réalisation d’un site vitrine pour une salle de sport chambérienne durant mon alternance

KingKongClub a approché l’agence où je travaille afin de créer une identité graphique et un site web pour présenter leurs services. Les graphistes se sont chargées de la maquette et le développement à été réparti entre mon maître d’apprentissage et moi-même. Ce projet a connu de nombreuses versions, d’abord sous la forme d’un one-page dont les parties se sont multipliées au fur et à mesure à la demande du client, pour finalement devenir un site multi-pages plus classique mais également plus complet.

Ce projet m’a permis d’appréhender concrètement le cas de figure où il faut retravailler un site existant codé par une autre personne et les difficultés qui peuvent aller avec. Il fallait également mettre en place de nombreuses évolutions dans un délai court, tout en “nettoyant” les fichiers au fur et à mesure car les différentes versions du site ont engendré des morceaux de code désormais inutilisés.

Lien du site

Stanislac

2021

Technologies utilisées :

JavaScript Vanilla, librairies c3.js et d3.js, Tailwind CSS

Contexte :

Projet de Datavizualition durant un Workshop Gobelins pour la ville d’Annecy

L’office du tourisme d’Annecy a engagé un partenariat avec l’école Gobelins pour obtenir un visuel sur les données statistiques qu’ils ont pu récolté ces dernières années. Par groupe de 3 développeurs, nous les avons sélectionnées et mises en forme pour en obtenir une lecture visuelle claire et pertinente. Nous avons choisi de mettre en parallèle cette data fournie et les différents événement annuels de la ville, tels que le Festival du Cinéma d’Animation ou le High Five Festival, pour en identifier les impacts sur le tourisme. Nous les avons présentés sous la forme de carte interactive accompagnés de graphiques.

L'extrait de code présenté correspond à la configuration de la carte servant de fond ainsi que la création d'un des diagrammes utilisés à l'aide de la librairie Chart.js.

Ce projet m’a permis de prendre en main les différentes librairies permettant de créer des graphiques et autres diagrammes ainsi que de traiter les données sous format CSV. J’ai également perfectionné mon utilisation du JavaScript natif, ce qui ne peut pas faire de mal.

Lien du projet

API NodeJS

2022

Technologies utilisées :

NodeJS, FireBase, Express.js, Express-validators.js

Contexte :

Construction d’une API pour un répertoire de film lors d’un cours aux Gobelins

Nous avons reçu comme consigne de développer une API (Application Programming Interface) en deux jours pour pouvoir ajouter, modifier et supprimer des films et des catégories d’une base de données en NoSQL avec FireStore. La possibilité d’ajouter des “likes” au film devait être disponible. Il fallait également utiliser des middlewares comme des validateurs pour vérifier que les données qu’on essaye d’entrer dans la base sont correctes et acceptables. La gestion des erreurs était elle aussi une partie significative du projet.

Je vous présente ici le visuel de l’écriture d’une des nombreuses routes construites dans le routeur. Celle-ci permet, entre autres, de recupérer un film précis à l’aide de son ID, de le supprimer, de le modifier, etc ...

Je n’avais jamais utilisé NodeJS auparavant et ce projet a été très formateur. J’avais cependant eu de précédentes expériences avec les API donc je connaissais les méthodes HTTP et les requêtes asynchrones, ce qui m’a été très utile. Mais j’ai évidemment appris beaucoup de nouvelles choses avec l’utilisation de librairies et systèmes que je n’avais encore jamais manipulé.

Pacman

2018

Technologies utilisées :

Java Processing

Contexte :

Réalisation d’un jeu vidéo pour la spécialisation ISN (Informatique et Science du Numérique) au BAC

Nous avions comme consigne de programmer un jeu vidéo rétro en binôme. Nous avons choisi de reproduire le fameux jeu Pacman en Java, où il a fallu créer plusieurs niveaux de jeux et animer les différents personnages. Il y a également un système de comptage de points et la partie est accompagnée de la musique originale, bien sûr. Il y avait différents affichages, pour relancer la partie en cas de Game Over ou pour passer au niveau suivant.

Le code présenté montre deux fonctionnalités différentes qui ont été développées avec Java Processing. L'une gère les interactions entre Pacman et les ennemis et l'autre gère l'affichage de l'écran Game Over en cas de défaite du joueur.

J’ai beaucoup aimé ce projet qui est un de mes premiers projets de programmation et qui date de mon année de Terminale. Ce n’était pas du web, mais Java reste un language que j’apprécie utiliser et qui m’a permit à plusieurs reprises de réaliser des petits jeux vidéos tels que celui-ci. Le graphisme aussi a été fait par nous-même, sur Paint (oui oui).

Lien de la démo

Nicolo & Marina

2021

Technologies utilisées :

Thème personnalisé WordPress, Timber, Twig, Tailwind CSS, ACF Pro, ...

Contexte :

Réalisation d’un site vitrine pour un restaurant de la région durant mon alternance

Nicolo&Marina est un restaurant italien qui a approché l’agence Vas-y Paulette pour créer ensemble une identité graphique, du contenu audio-visuel ainsi qu’un site web présentant leur édifice et permettant la réservation en ligne. J’ai dévéloppé ce site, comme habituellement pour mes projets professionnels, avec un thème Wordpress personnalisé. J’ai expérimenté quelques animations et le design original proposé était agréable et rapide à réaliser.

Je n’ai pas eu de contrainte particulière pour ce projet, mis à part le temps. Il fallait le développer et le mettre en ligne rapidement, suite à la demande des clients. Je n’ai pas tout réalisé seule, mon maître d’apprentissage étant également sur ce projet, mais j’ai eu de majeures responsabilités dans son bon déroulement. Ça m’a permit de prendre encore plus confiance en moi quant à mes capacités et ma rapidité d’éxecution lorsqu’elle est nécessaire.

Lien du site

Ciméa

2021

Technologies utilisées :

Thème personnalisé WordPress, Timber, Twig, Tailwind CSS, ACF Pro, LocomotiveScroll ...

Contexte :

Réalisation d’un site vitrine pour une entreprise d’architectes durant mon stage de fin d’études du DUT MMI

Ciméa est le premier site que j’ai réalisé en autonomie depuis mon arrivée à l’agence Vas-y Paulette, il me tient donc particulièrement à cœur. J’ai pu bénéficier de l’aide de mon tuteur bien sûr, notamment pour les nombreuses animations qu’il contient. Pour le reste, je connaissais alors pratiquement chaque étape du développement et il m’a seulement fallu, au besoin, retourner voir ce que j’avais fait dans les précédents projets si je rencontrais une difficulté. C’est une site au design plutôt sobre, ce qui m’a facilité les choses pour ensuite me concentrer sur des aspects techniques plus poussés.

Ce projet est la concrétisation des multiples apprentissages que j’ai reçu durant mon stage. Je n’ai pas eu de limite de temps pour le développer, ce qui m’a clairement permis de sereinement appréhender chacune des phases de la construction du site. Qu’il s’agisse du responsive, de l’administrabilité des contenus, de l’utilisation de nouvelles librairies ou encore des différents traitements de données nécessaires.

Lien du site

Le site ne contient pour l'instant aucun contenu.