AGNES CAPPELLO

Agnès Cappello
Compétences
Titres et formations
Soft Skills

MES PROJETS

ai Work

Projet personnel

Ce projet est une petite interface web utilisant Node.js + Express pour exposer une API alimentée par un agent IA. On peut de faire des requêtes textuelles ou avec image, ainsi que des agents spécialisés (films, quiz musical). Le code est construit par bloc pour bien séparer les différentes fonctionnalités.

Technologies utilisées:
Frontend : HTML / CSS / JavaScript Vanilla
Backend : Node.js + Express IA :
via API (Flowise et Mistral pour l'agent, et Gemini, selon config)
Docker : pour l’agent IA ou les services associés

zithologists

Projet pour Simplon.co

Le projet Zythologists est une application complète permettant de découvrir et gérer un catalogue de bières et brasseries. Il est composé de deux parties principales : Un backend Node.js avec une API REST connectée à PostgreSQL (déployée sur Neon). Un frontend React permettant d'afficher et d'interagir avec les données (déployé sur Vercel).

backend :TypeScript + Node.js + Express.js + PostgreSQL + Docker : Déploiement conteneurisé. 👉voir le repo du back

frontend : React 👉voir le repo du front

Projet 1

Projet Personnel

Voici une application qui m’est bien utile. En tant que musicienne amatrice, j’ai besoin d’un métronome pour m’accompagner dans la pratique de l’instrument. J’ai donc créé mon outil simple efficace et responsive, avec un design épuré. Il permet de choisir le tempo, et la signature rythmique.

Technologies utilisées: HTML, CSS, JavaScript. J'ai utilisé l’API Web Audio pour la gestion du son évitant ainsi les problèmes de latence une approche du son en tant que données avec AudioNode et AudioContext

Trivial Pursuit

Projet personnel

J'ai réalisé ce Trivial Pursuit avec un petit défi de coller à l'original au niveau visuel. Ma version très simple utilise HTML, CSS et JavaScript. Les utilisateurs peuvent jouer en ligne et tester leurs connaissances sur différents thèmes. Ce genre de petit jeu est toujours amusant à réaliser, et c'est un bon exercice pour améliorer ses compétences en développement web et de découvrir de nouveaux tips (par exemple la distance de Levenshtein)

Projet 2

Projet Personnel

Voici une application de bibliothèque personnelle réalisée en React. Elle permet de rechercher des livres sur Google Books et de les ajouter ou les supprimer de sa bibliothèque. Les entrées et les sorties sont gérées par Firebase.

Cette application simple regroupe plusieurs fonctionnalités :
une recherche sur l’API Google Books avec Fetch un système de gestion de l’état avec Redux une gestion des entrées et des sorties avec Firebase

Projet 1

Projet Personnel

Au travail, j'ai pour mission de créer/gérer plusieurs fonctionalités sur EspoCrm, y compris la création de templates de mail. J'ai créé cet outil pour m'aider à encoder et partager des liens vers les reseaux sociaux. Au clic sur le lien, l'utilisateur est redirigé vers l'application et la messagerie du réseau social choisi.

Technologies utilisées: HTML, CSS, Vanilla JavaScript.

Projet 3

Projet pour OpenClassRooms

Les Petits Plats est une application de recettes de cuisine. Elle permet de rechercher des recettes, de consulter leurs détails et de les filtrer par ingrédients. C’est un projet réalisé en JavaScript, que j’ai aimé réaliser car il m’a permis de mettre en pratique mes connaissances en algorithmie.

mise en place d’un algorithme de recherche de recettes Creation de 2 versions pour comparer les performances (en fonction des boucles for ou forEach) factory pattern

Projet 3

Projet pour OpenClassRooms

HRNet est une application pour gérer les employés d’une entreprise. Elle permet de créer et supprimer des employés. Elle permet également de les filtrer par service et par nom, avec un système de pagination.

  • Création d’un package NPM
  • Transformation d’un projet initial en jQuery en React
  • Optimisation performances web
  • Projet 3

    Projet pour OpenClassRooms

    Kasa est une application de location d’appartements entre particuliers. Elle permet de rechercher des appartements disponibles à la location, de consulter leurs détails.

  • React.Js
  • Mise en place d’un router
  • Manipulation de données JSON
  • Responsive Desing
  • Création d’un carousel