👋

Nicolas Sutter

Développeur front & back

Nicolas Sutter

À propos de moi

Qui suis-je ?

Domicilié dans la région Grand Est, je me suis toujours intéressé au Web et à l'informatique de manière générale.

Rigoureux, autonome, toujours à l’affût de technologies innovantes, de perfectionnement et de bonnes pratiques que j’aime à faire partager, aujourd'hui je suis motivé et propose mes compétences en tant que Développeur front & back.

Pendant mon temps libre

Je passe mon temps libre à faire plusieurs choses, notamment de la veille technologique mais également entretenir mon serveur Plex. Pour éviter le burnout, je me relaxe en passant du temps sur ma PS5 et Steam 😉

Ce que je sais faire

Mes compétences

Grâce à une veille technologique particulièrement active ainsi que par le biais de mes différentes expériences professionnelles, j'ai acquis de nombreuses compétences techniques.

Développement front-end

Développement front-end

Maîtrise du développement front-end avec des technologies modernes comme Vue, TypeScript et React.

Développement back-end

Développement back-end

Maîtrise du développement back-end avec des technologies modernes comme Express, TypeScript, TypeORM, Nest.js.

Déploiement Docker

Déploiement Docker

Maîtrise du déploiement de containers avec les dernières technologies Web.

Ligne de commande

Ligne de commande

Lors de mon temps libre, j'administre mon propre serveur avec mes différents services (Portainer, Plex, Pyload, ...), je maîtrise de ce fait la ligne de commande.

Réalisations

Mes projets

J'ai eu l'occasion de réaliser plusieurs projets professionnels mais également personnels lors de ma veille technologique.

Projet Pro

PopLab

JavascriptGitNode.jsCSSTypeScriptAxiosVue.js

En travaillant avec Alsacréations, j'ai été amené à participer au développement du site PopLab. Une plateforme permettant aux professeurs et élèves de faciliter leurs échanges. C'est un gros projet, qui demande beaucoup de temps et d'investissement tant professionnel que personnel.

Projet Pro

Eslint | Alsacréations

Conventional CommitsTypeScriptEslintGithub ActionsNPM

Paquet npm qui permet à l'agence Alsacréations de configurer eslint rapidement tout en correspondant aux multiples guidelines de l'agence.

Projet Perso

SNEX

Tailwind CSSGitNode.jsCSSTypeScriptAxiosNetlify functionsNetlifyTMDB APIMarkdownReactDockerVite.js

Cette application permet de chercher des films et séries. Elle est notamment utile pour voir ce qui est populaire, bien noté etc. C'est d'ailleurs ma plateforme de choix pour choisir les films à ajouter à mon serveur Plex !

Le code source du projet est disponible ici.

Projet Perso

Vite Plugin TW

DockerTailwind CSSGitConventional CommitsNPMVite.jsTypeScriptesbuild

Un plugin pour Vite permettant de configurer facilement Tailwind CSS tout en permettant d'utiliser un fichier de confuguration tailwind.config.ts.

Projet Perso

Homebox 🚀

ExpressCSSTypeScriptVite.jsReactDocker

Mon site, hébergé sur mon réseau local, permet de gérer mon serveur personnel avec tous mes services.

Projet Perso

Games Center

Nuxt.jsNetlifyVue.jsAxiosMarkdownMarkdown.itTypeScriptCSSTailwind CSSGitNode.jsRAWG API

Petite application permettant de créer un compte et de faire sa propre liste de jeux vidéo. Il est également possible de faire une recherche et d'obtenir les détails d'un jeu.

Projet Perso

🧀 The Cheese API

GitNode.jsCSSTypeScriptAxiosNetlifyVite.jsTailwind CSSSvelte

Une petite API récupérant des fromages depuis des fichiers JSON générés depuis un CMS.

Projet Perso

V-mark

ReactGitNode.jsTypeScriptMarkdown.itMarkdownVite.jsNetlify

V-mark est un éditeur de Markdown fait en React, avec une prévisualisation en temps réel.

Projet Pro

Alchimy

JavascriptACFWordPressCSS

Dans le cadre de mon stage de fin d'année de DUT, j'ai participé activement au développement du site de l'agence Alchimy Communication.

Projet Pro

Medaviz

JavascriptACFGitGutembergTwigTimberWordPress

En travaillant avec Alsacréations, j'ai été amené à participer au développement du site Medaviz. Medaviz est un site proposant de la télémédecine ainsi que de la prise de rendez-vous avec des médecins.

Projet Perso

Venius

NetlifyGenius APIAxiosCSSGitTailwind CSSVue.js

Ma première application Vue en 2019.

Cette application permet d'obtenir des informations de toutes les chansons disponibles depuis l'API Genius.

Projet Perso

Vue Simple Weather

Tailwind CSSGitNode.jsCSSTypeScriptOpenWeather APIAxiosVue.jsVite.js

Ce petit projet permet d'obtenir la météo depuis une sélection de localisations. Il est donc possible d'ajouter et supprimer des localisations, de vérifier la météo sur plusieurs jours et selon les heures.

De plus, il est possible de changer les unités utilisées ainsi que la langue de l'application.

Le tout fonctionne avec l'API d'OpenWeather et le localStorage.

En détails...

Mes expériences

Mon parcours professionnel depuis la fin de mes études.

DUT MMI

Bac +2

2018 - 2020

DUT Métiers du Multimédia et de l'Internet à Saint-Die-des-Vosges. C'est ici que j'ai appris les bases du développement.

Stage de développement WEB

Stage de deux mois

2020 - 2020

C'est lors de ce stage que j'ai vécu ma première expérience professionnelle qui m'a permis d'approfondir WordPress, JavaScript et Vue.

Développeur Web

Alsacréations

2020 - Aujourd'hui

Depuis Juillet 2020, je suis développeur front & back chez Alsacréations. Je pratique principalement TypeScript, Vue.js et Docker. J'ai eu l'occasion d'écrire plusieurs articles sur alsacreations.com à propos des sujets qui suscitent mon intérêt et que j'ai voulu partager à la grande communauté du site.

Les sujets qui m'intéressent

Mes derniers articles

En travaillant avec Alsacréations, j'ai l'occasion de rédiger des articles sur des sujets relatifs au développement web.

L'API Fetch en JavaScript, qu'est ce que c'est ?

L'API Fetch en JavaScript, qu'est ce que c'est ?

Si vous êtes développeur front-end, vous avez sûrement déjà rencontré le besoin de récupérer des inf...

Lire plus
Utilisation d'une API REST avec Vue.js et TypeScript

Utilisation d'une API REST avec Vue.js et TypeScript

Comment développer une simple application Vue.js (3) avec TypeScript qui utilise une API : c'est ce ...

Lire plus
Création d'une API REST avec Express et TypeScript

Création d'une API REST avec Express et TypeScript

Nous avons récemment vu les bases de TypeScript, mais qu'en est-il d'un cas concret ?Aujourd'hui nou...

Lire plus
Découverte de TypeScript

Découverte de TypeScript

Si vous êtes ici, c'est que vous avez sûrement déjà entendu parler de TypeScript. Au premier abord, ...

Lire plus
Timber, pourquoi écrire du Twig dans WordPress ?

Timber, pourquoi écrire du Twig dans WordPress ?

Partons à la découverte de Timber pour WordPress : un plugin ou une dépendance Composer (au choix) p...

Lire plus
Tailwind CSS, découverte du framework original et innovant

Tailwind CSS, découverte du framework original et innovant

Tailwind Css est un framework CSS complètement personnalisable, basé sur le principe de classes util...

Lire plus

Une question ?

Mes informations

Je suis disponible sur plusieurs plateformes, n'hésitez pas à me contacter.