Hi there, I'm Johann

- Web developer -

Picture of me

I'm a french 🇫🇷 enthusiast Fullstack-developer evolving in the JavaScript ecosystem. I like to help people, contribute to projects and learn new stuffs concerning Web technologies.

Swipe to the right to browse my CV

Education

  • 2020 - 2022

    Master of Computer Science at ISFATES in HMI (Human-Machine interaction) orientation

    Specialization in User Experience Development and Interface Accessibility

  • 2020

    Obtaining the Bachelor's degree "Computer Science and Web Engineering" from ISFATES

  • 2018-2019

    Second year of study at HTW, the University of Applied Sciences in Saarbrücken, Germany

  • 2017-2018

    Start of my French-German bi-national studies in computer science at ISFATES in Metz, France

    Institut Supérieur Franco-Allemand de Techniques, d'Economie et de Sciences

    Obtaining the BAC S (scientific)

    (option European section physics and chemistry in German and Languages and cultures of antiquity: Latin) with the mention 'Bien'

  • 2014-2015

    Obtaining the certificate of the Middle School, mention 'Very good'

    B1 certification in German, KMK

Skills

SOFTWARE

HTML + CSS + JS

my stackoverflow ranking for htmlmy stackoverflow ranking for cssmy stackoverflow ranking for javascript

TypeScript

my stackoverflow ranking for typescript

React

my stackoverflow ranking for reactjs

Svelte

my stackoverflow ranking for svelte

PHP

my stackoverflow ranking for php

Angular

Python

Git

Word, Excel, Powerpoint

Languages

NATIVE

French

B2-C1

English

B2

German

Experiences

  • Frontend developer since November 2022 for the logistics and shipping IT platform solution Buyco.

    I'm part of the team responsible for developing new features and I'm in charge of the Community of Practice for the frontend stack.

  • Master thesis for 6 months in the startup Dryad. My role was to analyze their client application and improve the user experience through ergonomic criteria and user testing.


    I also had to redevelop the interactive map systems so that they could display thousands of sensors in an optimized and intuitive way. I was able to improve my knowledge in Angular, UX development, Accessibility, googleMaps API, keycloak, figma and docker

  • Frontend developer at Anynines for 2 years. My role was to help the team develop a WYSIWYG mobile application creation tool, collaborate on the creation of a design system as well as doing mobile development.

    During this period I was able to learn to work with many technologies and methods such as react, ionic, GraphQl, agile method, jira and TDD.


    Letter of recommendation

  • Fullstack developer for 9 months at the company Eurokey in Saarbrücken in 2019


    My task was to continue the development of an application for the developers of the company allowing them to more easily manage the creation of commercialized applications

  • Internship in the company Hotcity S.A in Luxembourg (1 months in 2018) where I designed mobile application interfaces in addition to doing web integration and PHP development


    Letter of recommendation

  • Participation in the "Design and Coding HACKATHON to Benefit Society!" organized by the University of Luxembourg


    Participation in the 12th season of BattleDev with the PHP language

  • Appointment to the position of IT manager of the DIVA from 2018 to 2021. The DFHI-ISFATES-Verein-Association is the student association of the ISFATES. I performed different tasks such as the refactoring of the official site (new graphic charter and implementation of an administrator interface) as well as the creation of posters and logos

  • Research work in the laboratories of the CNRS in Strasbourg as part of the TPE


    Participation in the Trinational Congress of Science and Technology with oral presentation (study project: Will carbon nanotubes revolutionize cancer screening?)

  • Participation in the National Chemistry Olympiads at the ECPM in Strasbourg


    Scientific research day with German students from the Hochschule in Pirmasens

  • Scientific research day with German students from the Hochschule in Pirmasens


    Participation in numerous holiday camps in France and abroad (Greece, Sweden, Norway, Iceland, Malta, Canada) in semi-autonomy


    Representations of concerts as a guitarist

My projects

stackoverflow-readme-profile project's logo

stackoverflow-readme-profile

2022

Easily share your Stackoverflow's profile on your README just by calling an url endpoint.

StackOverflow profile
  • nodejs
  • handlebars
  • svg
  • docker
Université de lorraine - eDPINFO project's logo

Université de lorraine - eDPINFO

2021

Scrum master of a 6 months IT project for the University of Lorraine in which a team of 10 developers had to create a tool to manage schooling. This required the creation of a web application and an OAuth authentication service.

  • angular
  • nestjs
  • typeorm
  • jira
  • OAuth
ux-typing-experiment project's logo

ux-typing-experiment

2021

The objective of this study is to determine the optimal way to display and to type alphanumeric sequences (such as identifiers, order numbers, etc.)

  • sveltekit
  • firestore
  • typescript
  • highcharts
DSLV Niedersachsen's events dashboard project's logo

DSLV Niedersachsen's events dashboard

2021

Creation of a frontend web app with backend and CRUD dashboard allowing the association of sports teachers of the German region of Niedersachsen to create sports events to facilitate the registration of members.

  • react
  • express
  • typeorm
  • mongodb
  • nodemailer
Restapify project's logo

Restapify

2021

Quickly and easily deploy a mocked REST API by using an intuitive and developer friendly JSON file structure.

  • typescript
  • express
  • svelte
clean-css website project's logo

clean-css website

2021

Revamp of the website of the very popular open-source project clean-css.

  • svelte
  • bootstrap
  • github pages
Gitmoji Browser Extension project's logo

Gitmoji Browser Extension

2020

The Gitmoji extension to easily search and copy gitmojis 😜

  • svelte
  • html
  • css
  • browser-extension
Caretaker-Smarthome project's logo

Caretaker-Smarthome

2019

This is my 3rd year of study project at ISFATES. We had to create a smart home model connected to a progressive web application. I was the project manager and the IT manager of the project.

  • typescript
  • react
  • scss
  • php
  • python
ISFATES-Adventskalender project's logo

ISFATES-Adventskalender

2019

IT manager for the creation of a progressive web app simulating an advent calendar for ISFATES students. The money collected will be donated to several associations.

  • typescript
  • react
  • scss
  • php
  • python
Zukunftsforum-Website project's logo

Zukunftsforum-Website

2019

Setting up a WordPress website and a graphic charter for the association 'Forum d'avenir'.

  • wordpress
  • php
  • html
  • css
Astropulse-Experience project's logo

Astropulse-Experience

2018

Creation of an online survey showing that the frequency of a pulsar can influence our perception of time. Project carried out as part of my studies.

  • php
  • html
  • css
  • javascript
  • mysql
DIVA-Website project's logo

DIVA-Website

2017

Refactoring frontend and backend of the official website of the ISFATES student association: the DIVA.

  • php
  • html
  • css
  • javascript
  • bootstrap
WalkInLove-Website project's logo

WalkInLove-Website

2017

Realization of a website with php as part of my studies.

  • php
  • html
  • css
  • javascript

My hobbies

Web programming (Typescript, Python, PHP)

Svelte lover

React enthusiast

Diving (AOWD level)

Icons creation (Figma)

Caretaker iconCaretaker iconCaretaker iconAdventskalender iconForum JGR iconISFATES sweet icon

Play music (guitar, piano)

Snowboard