Mes réalisations / Portefolio




Graphiques dynamiques avec Chart.js :

Améliorations de mes graphiques de précipitations.
- Découverte de la librairie Chart.js.
- Dynamique et responsif.
- Données à partir de la base de données.
- Ajouter de graphiques comparatifs.
- Curseur interactif.
- Téléchargement du graphique au format PNG.
Développé avec HTML5, CSS3, JavaScript, Chartjs, PHP, MySQL, Visual Studio Code, Apache.

Histogramme d'un mois
Cumuls mensuels de pluie et neige
Courbes comparatives de pluie
Cumuls annuels de pluie et neige capture écran du site
Herbier-facile : application Web terminée et application mobile en cours de développement


Pour ce projet , j'ai fait :
- maquetté une partie de l'interface client avec figma
- fais les wireframes front-end et workflows back-end
- créé le shemas Prisma
- adapté des pages de matérial tailwind à mon application
- effectué les tests fonctionnels

Développé avec NodeJs, nextJs, React, capacitor, MySQL, Prisma ORM, Material-tailwind, Tailwind CSS, Visual Studio Code, Cypress, Formik, Yup.


capture écran du site
Klin-renov : nouveau site de l'entreprise Klin-renov


Pour ce projet , j'ai fait :
- maquetté une partie de l'interface client avec figma
- fais les wireframes front-end
- adapté des pages de matérial tailwind à mon site
- mis en place de l'envoi de mail avec EmailJS
- effectué les tests fonctionnels

Développé avec NodeJs, React, Material-tailwind, Tailwind CSS, Visual Studio Code, EmailJS, Vite, Apache, Formik, Yup.


capture écran du site
Refonte de mon site


Pour cette refonte , j'ai fait :
- Site moderne et responsif.
- Utilisation des technologies actuelles.
- Nouvelle architecture des pages Web.

Développé avec HTML5, CSS3, JavaScript, PHP, MySQL, Visual Studio Code, Apache.


capture écran du site
Créperie Le Cocotier :


Site d'un restaurant (qui a fermé).
Avec version pour téléphone mobile

Développé avec HTML, CSS


capture écran du site
Société Alpha :


Création d'un site test en Flash d'une société fictive.

Enlevé les animations flash pour les remplacer par du HTML/CSS.

capture écran du site