logo

À propos

Bienvenue sur la lune.

Curieuse de toutes les technologies, la culture DevSecOps est un domaine dans lequel j'aime pleinement m'investir.
Dans le plus pur respect du clean code, je m'efforce de produire des sites web performants, sécurisés et ergonomiques.

Mes technos de prédilection sont les suivantes :

  • Back-End : Java, Springboot-SpringSecurity, NodeJs
  • Front-End : TypeScript, ReactJs, Angular
  • Architecture Monolithique et Micro-services
  • Certifiée SCRUM Developer PSD I

Totalement investie dans les missions qui me sont confiées, je travaille seule ou en équipe, toujours en étroite collaboration avec le client.

Mon CV Notion est ici.
Je vous invite à jeter un œil sur mes travaux et à me contacter pour faire plus ample connaissance.

logo

Portfolio

MRC

Mr Cocktail
blog

Social Media
calc

Paris Map
blog

Quiz
portfolio

Shipping Micro-service
portfolio

Sky Royalties

Pour voir plus de travaux, n'hésitez pas à visiter mon Github :

X

Mr Cocktail

Catégorie : Recette Cocktails (application)

           
Pause Play
Page de connexion
Page d'Accueil
Page Back Office
Page "Ajouter..."

Voir sur GitHub : Mr. Cocktail

Démarche :
Composition de recettes de cocktails avec et sans alcool, classement par catégories, ajout - Suppression - Modification des Cocktails et des ingrédients.

Description Front-End :
Background : linear gradient "jaune", mire de connexion, profile "Admin" (pour suppression), gestion Back Office, téléchargement et renommage automatique des images pour ne pas qu'elles s'écrasent dans la base de données.
Responsive

Description Back-End :
Via un script SQL, création des tables [Cocktails], [Ingrédients], [Cocktails_Ingrédient], [Famille_Cocktails] et mise en relation sur les clés primaires et secondaires dans la base de données [Mr_Cocktails]. Implémentation des scripts Php pour le traitement des données dans le back office (Ajout, Suppression, Modification, détails…), gestion du téléchargement et du renommage des images. Ajout dynamique des cocktails en production.
Configuration de la session [Connexion - mot de passe] – Admin sur l’interface de la Home page.

Spécifications techniques :
4 pages en ligne, Html5, Css3, twitter-Bootstrap4.4, Php8, MySql, phpMyAdmin5.2

X

Social Media

Catégorie : Blog

           
Pause Play
Page d'Accueil
Page Inscription
Page Post
Page Administration

Voir sur Github : Blog-Java-React-master

Démarche :

Publication d'informations événementielles (NewsLetter) pour favoriser les échanges interactifs sous forme de messages publiés (posts) et de réponses (comments).
Mire de connexion et accès sécurisé, rôles User et Admin.
Page d'accueil en accès libre.
Réinitialisation du mot de passe par email.

Spécifications fonctionnelles :

    Front Office
  • Se connecter/S’authentifier
  • S’inscrire (sur l’espace membres)
  • Mot de passe oublié
  • Envoi du lien de réinitialisation par mail
  • Règles de complexité du Mot de passe
  • Ajouter/Enregistrer/Modifier Posts
  • Répondre aux posts
  • Menu de changement de langue (Anglais/Français)
    Back Office
  • Gestion des utilisateurs
  • Gestion des contenus (Posts + NewsLetter)
  • Comptage du nombre d'Utilisateurs / Posts
  • Gestion des droits et permissions (rôles)
  • Authentification (Admin)
  • Suppression (Posts + Utilisateurs)
  • Barre de recherche
  • Onglets (Utilisateurs / Posts)

Stack :

    Back-End
  • Java 17
  • SpringBoot 3.10
  • Spring Security 5
  • MySql
  • Java MailSender
  • Hibernate
  • Jwt token 0.11.5
  • Maven
    Front-End
  • BootStrap 4
  • Html5
  • CSS3
  • Media query
  • ReactJs 18.2
  • Formik 2.2.9
  • i18next 21.x
logo

X

Intéractive Paris Map

Catégorie : Carte intéractive et zoomable (application)

           
Pause Play
Evènements et lieux
Clic sur un évènement (vue satellite)
Vue reliefs sur la carte
Carte plein écran

Voir sur GitHub :  Paris Map

Usage :
Carte intéractive et zoomable sur Google-Map API : en cliquant sur une affiche, le pointeur se positionne (longitude, latitude) sur l’adresse des lieux dans Google Map. L’adresse précise apparait en surbrillance.

Stack :  Google-Map API, JavaScriptE12, Html 5, CSS3

X

Quiz Rock'n'Roll

Catégorie : Questionnaire Choix Multiple

           
Pause Play
Page d'Accueil
Page 1er question
Page résultat du quiz
Page classement des joueurs

Voir sur GitHub :  Quiz-demo-master

Démarche :
Quiz de 9 questions à choix multiples avec une seule ou plusieurs réponses, un ou plusiuers utilisateurs. Ce quiz doit être réalisé en 60 secondes chrono et inclut le comptage des points, le classement des joueurs et une synthèse.

Stack :  Docker, Java 17, Spring-boot, Maven, H2, MySql, React-typescript, Vite, Tailwind

X

Shipping Micro-service

Catégorie : Micro-service (application)

           
Pause Play
Page d'accueil
Suivre un colis
Gérer les colis
Gérer les utilisateurs

Voir sur GitHub :  Shipping Micro-Service

Démarche :

Back et Front-end conteneurisés dans Docker.
Le Back-end contient 3 Micro-services : Gateway (unique point d'entrée), User-service (base SQL utilisateurs) et Shipping-service qui est une application d'expédition de colis qui tourne sur MongoDb et Redis pour le cache.
Les utilisateurs sont authentifiés via Jwt encapsulé dans un cookie.
Couplage faible entre le User-service et le Shipping-service.

Spécifications fonctionnelles :

  • Se connecter/S’authentifier
  • Jwt - Http cookie only
  • Envoyer un colis
  • Suivre un colis
  • Télécharger une preuve de dépôt
  • Télécharger une preuve de livraison
  • Gérer les utilisateurs (User, Admin)
  • Gérer les colis
  • Envoyer des notifications aux utilisateurs
  • L'ID utilisateur remonte dans les bdd colis

Stack :

    Back-End
  • Docker
  • Java 17
  • SpringBoot 3.10
  • Spring Security 5
  • MySql
  • NATS 2.1
  • MongoDb
  • Redis
  • Jwt token 0.11.5
    Front-End
  • Docker
  • Tailwind CSS
  • Vite 7.2
  • TypeScript 5.9
  • ReactTypeScript
  • Formik 2.2.9
  • Axios 1.13
logo

X

Sky Royalties

Catégorie : Calcul Redevances (application comptable)

           
Pause Play
Page d'accueil
Vue Auteur redevances
Redevances par livre et auteur
Tableau "Vente des livres"

Voir sur GitHub :  Sky Royalties

logo
Usage :

Calcul des redevances par auteurs, par livre, par mois et par année. CRUD complet, Rôles Admin, Auteur, Manager, User. Vues dashboards, metrics par rôle. Authentification Jwt (cookie).
Téléchargement xls des redevances par auteur. Filtres et barres de recherche.
Tests E2E et unitaires (back et front).

Spécifications fonctionnelles :

  • Se connecter/S’authentifier
  • Jwt - Http cookie only
  • Dashboards Auteurs, Manager, Admin et User
  • Vues metrics par rôle
  • Calcul des redevances
  • CRUD complet Users et Métier
  • Télécharger feuilles de calcul (vue Auteur)
  • Filtres et barres de recherche

Stack :

    Back-End
  • Java 17
  • SpringBoot 3.10
  • Spring Security 5
  • H2/MySql
  • Jwt token 0.11.5
  • JUnit 5 (tests)
    Front-End
  • Angular 21.1.5
  • Material UI
  • Vite 7.2
  • TypeScript 5.9
  • Cypress 15.x (e2e test)
  • jasmine-core (unit tests)

Contact

Vos messages sont les bienvenus. Merci de remplir le formulaire ci-dessous :

Activités

Sites dynamiques Applications sur mesures Architecture MVC
Conception Modélisation CI / CD
Multiplateforme Monolithique Micro-services
Design pattern Sql / NoSql API Rest
Optimisation SEO / W3C Support

Compétences

Survolez une catégorie pour explorer mes compétences

📊
BDD
Databases
PostgreSQL
MySQL
MongoDB
Redis
Hibernate (ORM)
💻
Syntaxes
Programmation
Java
Springboot
PHP
JavaScript
ReactJs
Angular
⚙️
Tools
Utilitaires
Docker
Kubernetes
Postman
Github
Figma
Notion
🌐
Librairies
Logiciels
Mat UI
Tailwind
JQuery
Java-Fx
Ajax