Clément
Loulergue

Développeur Full Stack

Scroll

Une petite histoire pour comprendre mon parcours ?

Photo de Clément Loulergue Je vous jure que c'est pas si terrible que ça.

Les skills

Prisma
PHP
Wordpress
GIT
HTML5
Photo de Clément Loulergue
FullStack dev

Clément Loulergue

Tours, France

{REST}
React
CSS
SASS
Jquery
TypeScript
Javascript
Bootstrap
GraphQl

Les projets

Découvrez ici les différents projets sur lesquels j'ai eu la chance de travailler.
N'hésitez pas à trier par date grâce au bouton sur votre droite.
Vous pouvez obtenir le détail de chaque projet en cliquant directement dessus.
Vous pouvez aussi filtrer les projets par technologies.

html css javascript jquery react git php prisma rest next bootstrap graphql wordpress
Loulergue photos - Photo du site

Février 2024

Next-photofolio

html css javascript react next git prisma rest

Loulergue photos qui utilise mon projet Next-photofolio est un concept de portoflio pour photographe ou toute personne souhaitant partager ses photos facilement.

Le projet se veut intuitif et simple d'utilisation pour toute personne. La partie dashboard est protégée par un système d'authentification utilisant WebAuthn.
Le projet veut adopter un design moderne reposant sur le glassmorphisme. L'API rest est gérée grâce à NextJS et Prisma est utilisé pour la relation de base de données.

Le challenge de ce projet est d'intégrer un système d'authentification non traditionnel. D'établir une API robuste et securisée se voulant toutefois simple d'utilisation et respectant un CRUD bien défini.

Authentification WebAUthn NextJS, API photos REST API back-office Prisma ORM bdd Glassmorphisme
Treval France - Photo du site

Décembre 2023

Treval France

css php git wordpress rest

Treval France est un site B2B utilisant WordPress, ainsi qu'une e-boutique WooCommerce.
Le projet est avant tout un projet de design, avec création d'un thème personnalisé. Mais l'équipe derrière Treval a été exigeante quant aux fonctionnalités et la personnalisation souhaité.
C'est ainsi que j'ai dû créer plusieurs plugins utilisant les hooks fournis par WordPress. Le tout en PHP.

Pour la partie e-boutique, j'ai pu utiliser WooCommerce. Et pour personnaliser l'expérience grâce à des filtres et des produits personnalisés, j'ai dû utiliser l'API Rest fournie par WooCommerce.
Ce projet a été plus challengeant qu'un simple site wordpress prévu au départ.

Plugins PHP Hooks Wordpress Thème Wordpress API Rest WooCommerce
Stratus 3D - Photo du site

Juin 2023

Stratus 3D

html css javascript jquery git

Stratus 3D est un site vitrine pour une entreprise de consulting en impression 3D.
J’ai été chargé de réaliser l’entièreté du site en ayant carte blanche. Les consignes étaient simples : une page vitrine afin de présenter l’entreprise, les services et les imprimantes proposées. Le tout avec une section de témoignage et un formulaire de contact.

Mon rôle clé a donc été de réaliser un design en accord avec la charte graphique de l’entreprise ; s’axant dans la dynamique épurée et moderne des nouvelles technologies que cette entreprise développe.

Optimisation SEO
Stratus - Photo du site

Juin 2023

Fanantenana

html css javascript react git prisma graphql rest

Fanantenana : Site vitrine et back-office d’une association humanitaire à destination des enfants défavorisés de Madagascar.

Coté Front -
Un travail sur l’UX a été soigneusement pensé sur la barre de navigation, pouvant s’utiliser facilement à une main sur un téléphone portable, sans passer par des menus contraignants. L’objectif était de rendre l’expérience des visiteurs la plus simple possible afin de favoriser la conversion au maximum chez les utilisateurs.
Le projet voulait intégrer l’API de Facebook Pages GraphQl afin de récupérer les articles postés sur la page de l’association, sans multiplier les manipulations de la part des bénévoles. Malheureusement, à la suite des nombreux changements de version au sein de cette API, le maintien de cette fonction demandait trop d’investissement pour être gardée en place.

Coté Back -
Le projet s’est voulu proposer une interface administrateur pour les gérants de l’association. Afin de gérer les donateurs et les bénéficiaires, générer des reçus fiscaux, etc... Une API Rest avec Node Express a donc dû être mise en place pour relier la base de données au back-office. Le tout en utilisant Prisma comme ORM pour gérer les relations de base de données.

API Facebook Pages UX priorisé pluarilité scripts JS Découverte Prisma Première API rest from scratch
Cowlculator - Photo du site

Juin 2023

Cowlculator - concours IBM

html css javascript react git rest

Application web React s’inscrivant dans le concours « Call For Code » d’IBM. Ce dernier est destiné à rassembler des ingénieurs afin de trouver ensemble des solutions à des problématiques. Pour notre édition, le thème principal était l’écologie.
Le projet a pour but de fournir une solution de calcul des émissions de CO2 aux agriculteurs américains, en indiquant les ressources de leur exploitation.
Le logiciel calcule alors, d’après des coefficients calculés grâce aux statistiques, la moyenne d’émission de CO2 par an et par secteur de chaque ferme et donne des pistes d’amélioration pour améliorer leur installation. Le tout en estimant le coût de telles installations, les aides fournies par l’état, ainsi que les potentielles retombées grâce à la vente de leur dette carbone. 

Nous avons travaillé à trois personnes : une ingénieure en agronomie afin de fournir les coefficients de calcul d’émission de CO2, une développeuse back afin de développer le script de calcul, et un développeur front/UI/UX.

La plus grosse section de l’application repose sur un questionnaire destiné aux agriculteurs. L’idée a donc était d’axer ce questionnaire d’une manière la plus intuitive possible : sous la forme d’une conversation. L’idée était que la cible n’était pas forcément à l’aise avec les technologies. Il fallait que toutes les fonctions soient celles les plus répandues afin de ne pas dépayser l’utilisateur.

Projet 100% Anglais 1er projet React 1er thème sombre natif Animations front Authentification React
CV Amélie - Photo du site

Mars 2020

CV Amélie

html css javascript bootstrap git wordpress

CV en ligne classique avec une volonté de design épuré et premium. L’objectif était de réaliser un petit site rapidement. L’utilisation d’un Framework s’est donc imposée. J’ai donc réutilisé Bootstrap, non utilisé depuis une longue période.

La réalisation du site a donc été rapide. Mais suite à cela, le Framework n’a plus été utilisé. Je préfère utiliser le concept de flexbox et de grid pour les petits sites. Permettant une plus grande liberté et s’adaptant mieux aux réalisations. De plus, cela réduit considérablement la taille du site, n’ayant pas à avoir à écraser le style imposé par le Framework.

Le design responsive maison fait donc parti de mes compétences courantes.

Retour sur Bootstrap Script traduction maison
CV Clément - Photo du site

Juin 2019

CV Clément

html css javascript jquery

Premier site publié sur le web codé par mes soins. Le projet était un simple CV de quelques sections afin de développer mes compétences dans le développement web.

Je me suis amusé à utiliser des scripts afin d’avoir un rendu visuel animé : One page script, ainsi que vivus.js (un script d’animation de stroke SVG).

L’axe principal était de développer un site dynamique, suivant une trame principale (à la manière de ce site). L’optimisation n’étant pas la priorité, de nombreux bugs subsistent quand l’utilisateur ne suit pas la trame dans l’ordre, ou qu’il n’attend pas la fin des animations pour passer à la suite.

Des problèmes qui n’ont pas été pensés dès le début du projet. Me permettant aujourd’hui d’apprendre de ces erreurs et de moins me précipiter sur un projet.

One page Script Animation SVG

C'est déjà terminé ?

Malheureusement, je n'ai pas plus à vous dire sur ce site.
Cependant, je me ferais un plaisir de discuter avec vous pour discuter d'un projet que l'on pourrait réaliser ensemble ou si vous voulez en savoir plus sur mes projets.

Il ne tient qu'à vous de faire grandir ce site !