Portfolio

Damien Monni

Ce site ! Mon site professionel

ReactNext.jsNetlify

Il s’agit de mon site professionel qui fait office de site vitrine et dans lequel je présente certains projets sur lesquels j’ai travaillé.

C’est un site réalisé avec React et exporté de manière statique avec Next.js. De cette manière son référencement est optimisé et sa vitesse de chargement améliorée.

J’ai réalisé moi-même le design en créant les maquettes avec Figma.

L’hébergement est réalisé via Netlify qui permet un déploiement continue via CDN.

Damien Monni pro site

Keep Blogging

Plateforme de blogging dédiée aux voyageurs

ReactNext.jsAWSGraphQLQuill.js

Keep Blogging est une plateforme de blogging dédiée aux voyageurs. Elle permet de créer un blog très simplement afin de rendre cela accessible à n’importe qui.

L’idée vient de l’observation que beaucoup de personnes partagent leur voyages sur les réseaux sociaux plutôt qu’un blog car la création de blog n’est pas aisée. Avec Keep Blogging, une minute suffit pour créer un blog.

La plateforme propose des fonctionnalitées modernes, comme un editeur de texte directement intégré à la page de l’article. Ainsi, l’utilisateur visualise ses articles directement comme ses lecteurs les visualiseront, sans avoir à passer par un formulaire intermediaire et une page de prévisualisation spéciale.

Techniquement, le framework React Next.js est utilisé pour le front-end. Le back-end est 100 % serverless, doté d'une API GraphQL et utilise le cloud d’infrastructure AWS. Cela permet une optimisation maximale des coûts, une mise à l’échelle illimitée et supprime la maintenance d’infrastructure afin de se focaliser sur le développement de l’application.

Keep Blogging landing page

Digicolis

Plateforme de gestion logistique

ReactNode.jsPWAMongoDBExpress.js

Digicolis est une plateforme de gestion logistique permettant de rendre accessible à tout commerçant des fonctionnalités de livraison haut de gamme comme la livraison à la journée.

Il s’agit d’un ensemble d’applications : un site vitrine, une application d’administration et une PWA (application mobile disponible sur le web) dédiées aux livreurs sur le terrain et un back-end sous la forme d’une API réalisé avec Node.js et MongoDB.

Les front-ends sont réalisés en React. L’API Node.js est hébergée sur un serveur VPS Digital Ocean et la base de données MongoDB sur Atlas.

Digicolis landing page

Sourcin

Plateforme de e-learning pour l'industrie biopharmaceutique

ReactAWSPWAMongoDBExpress.js

Soucin est une entreprise proposant des formations en ligne réalisées sur mesure pour chacun de ses clients qui sont majoritairement dans l’industrie biopharmaceutique.

Depuis plusieurs années, leur plateforme utilisait un système de gestion de contenu (CMS) appelé Liferay qui devenait limittant. Ils m’ont ainsi demandé de migrer l’application vers un ensemble de technlogies plus moderne : React et AWS (Amazon Web Services).

Ensemble et avec un prestataire spécialiste du cloud AWS nous avons ainsi développé une nouvelle version de la plateforme qui est actuellement (début 2020) en cours de migration.

Portfolio dashboard

Keeze

Location d'espaces à la journée pour les entreprises

ReactMeteorMongoDB

Keeze est une startup louant des espaces à la journée aux entreprises pour leurs séminaires ou réunions. L'activité de la startup Keeze augmentant considérablement, ils m'ont contacté dans le but d'automatiser au maximum leurs processus.

Cela est passé par la migration de leur site Internet Wordpress vers une solution sur-mesure en React ainsi que la création d'un back-end permettant d'administrer leurs réservations, devis, et la gestion de leurs espaces.

Leurs demandes étant très spécifiques, le passage vers une solution sur-mesure était indispensable.

Côté front-end, le design a été amélioré. Un système de réservation en ligne a été entièrement créé, ainsi qu'un système de génération et d'envoi automatique de devis PDF suite à une demande d'une réservation en ligne.

Côté back-end, un espace d'administration 100% sur-mesure a été créé afin de répondre exactement à leurs besoins.

Le développement utilise le framework Meteor (reposant sur Node.JS), combiné à React et MongoDB pour la base de donnée.

Keeze damien portfolio

Datastore

Application web de collecte et analyse de données à partir d’automates industriels

ReactNode.jsMeteorMongoDBWebSocketRaspberry PI

Cette application a été réalisée pour Schneider Electric et permet de comuniquer avec des automates industriels afin de récupérer en temps réel leurs données et de les analyser.

En plus d’être une application web, elle avait pour contrainte de devoir être déployée sur une carte embarquée Linux (Raspberry PI) afin de pouvoir être installée et utilisée localement dans des usines industrielles.

Elle a été réalisée en JavaScript avec le framework Meteor et utilise une base de données MongoDB ainsi qu’une base de données fichier créée spécifiquement pour les besoins de ce projet afin de répondre aux contraintes limitantes des cartes embarquées. La communication temps réel se fait via le protocole Modbus et la technologie websocket.

Datastore portfolio damien monni

Neop

Application mobile de contrôle d'accès connecté

React Native

Neop est une startup proposant des serrrures connectées gérées à partir d'une application web et mobile.

J'ai réalisé l'application mobile en React Native afin de n'avoir qu'un seul code source déployé sur les stores Apple et Google, tout en gardant des performances natives grâce à l'API React Native.

L'application mobile communique avec une API réalisée par un prestataire externe.

Neop portfolio Damien Monni

Simple Planning Poker

Projet personnel de planning poker pour la gestion de projet Agile

ReactWebSocketPubNub

J’ai créé cette petite application permettant de faire du planning poker, une technique de gestion de projet Agile utilisée pour estimer la durée de développements logiciels en équipe.

Le défi était de créer une application sans back-end en utilisant JavaScript au maximum. La communication entre les différents “joueurs” se fait via WebSocket à l’aide de PubNub.

Le code est open source et a été écrit pour le challenge en 2 jours.

Simple planning poker