Joël Matelli Email & Phone Number

Montreuil, Fr

Paris

Paris, Île-De-France, France

Design System:• Contributed to the improvement of the web design system based on a customized Material UI.• Continuous improvement of the design system to stay aligned with the latest versions of components proposed by designers.• Used Storybook to document the design system, providing a clear and consistent visualization of components.• Initially developed some components directly in Storybook before integrating them into the main project.Project:• Developed a Story viewing feature similar to Instagram for the annual train retrospective called "Rétrainspective 2023".• Integrated all the screens of the "Rétrainspective 2023" retrospective, ensuring visual coherence, performance and accessibility.• Participated in the development of various train alert features on the application.• Used Next.js to create dynamic pages and improve the overall performance of the site.Technologies:• Javascript (Typescript), React, Next.js, HTML, CSS (vanilla and with customized Material UI).• Used Storybook for component documentation and development.• Testing tools: Jest for unit tests and testing-library for end-to-end tests.

Paris Et Périphérie

Design System:Migration of the ReactJS components library to a full design system, with the creation of design tokens for colors, spaces, border-radius, breakpoints, font-sizes...Improvements on the design system to use the latest of what CSS and HTML can do.Adding new layout components (among others) to make the creation of new pages for the project easier for developpers.Taking time to improve accessibility across the project.Project:Creating new features for the project, which sometimes needed me to tackle the backend part in Go.I actively helped on several tech migrations during my mission.We went from an HOC react component architecture to using hooks.We then migrated almost all the frontend codebase to typescript, including the design system.And finally we went from NodeJS microservices to Go microservices.We also wrote unit tests with Jest and end-to-end tests with Cypress.Technos:Javascript (typescript), React, HTML, CSS (vanilla and with styled-components), Jest, Cypress, some notions in Go.

Paris, Île-De-France, France

Developing new features, improving existing features and bug hunting for the Affiny mobile webapp using javascript AngularJS 1.5, HTML and CSS.Developing new features for the Meetic Affinity application (renamed Affiny) using javascript, ReactJS, HTML and CSS.Migrating the affiny mobile webapp to a React Native app.Technologies:Javascript, AngularJS 1.5, ReactJS, HTML, CSS, React Native.

Paris, Île-De-France, France

Developing new features for the SeLoger Vacances website using Javascript with AngularJS 1.5, HTML and CSS.Improving code quality on existing features.Bug hunting on the application.Technologies:Javascript, HTML, CSS, AngularJS 1.5

Noisiel

AngularJS expert in charge of building an application for bank consultant to manage credit instructions for their clients.TECHNOLOGIES :Web front-end : AngularJS, Browserify, Javascript, HTML, LESSQuality : Jshint, Jscs

Paris Area, France

Development of the publishing feature.Development of the dashboard setup page new navigation.Maintenance.TECHNOLOGIES : Web front-end: Javascript, Browserify, Backbone.js View, MootoolsWeb back-end: PHPQuality: Mocha, EslintWorkflow: Grunt, SCRUM

Paris Area, France

Redesign of Footeo/Clubeo sports clubs website administration to AngularJS.Footeo/Clubeo websites rework, new feature development, migration to Bootstrap 3, migration of CSS to LESS.TECHNOLOGIES : Web front-end: Javascript, AngularJS, jQuery, HTML, LESSWeb back-end: PHPQuality: JslintWorkflow: Grunt, SCRUM

Paris Area, France

New education home page integration, with a better classification of all the trainings.Multi step trainings search engine development, to make it easier to find a training that suit the needs of the users.Development of the Company pages spontaneous application feature.Participation at a technology watch group oriented on Backbone.js.TECHNOLOGIES : Web front-end: Javascript, Tetra.js, jQuery, HTML, CSS, LESSQuality: JasmineWorkflow: SCRUM

Bleuroy.Com - Groupe Highco

Development of a mobile application for the french professional social network Busiboost with jQuery mobile and phonegap.Newsletters integration for Dakotabox.Maintenance of Dakotabox website.TECHNOLOGIES : Web front-end: Javascript, jQuery, Phonegap, HTML, CSS

Paris Area, France

Planete Interactive (Isobar group) :- redesign of Kohops website- redesign of french newspaper website « Les Echos » Toluna : - form validation with jQuery- CSS animations and media queries experimentationsTECHNOLOGIES : Web front-end: Javascript, jQuery, HTML, CSS

Web development HTML / CSS with ooCSS, javascript development with MooTools

Bsc Degree, Web Conception And Development

The "Web conception and development" degree train professionals in developing and maintaining web site with a strong multimedia profile..

Higher National Diploma In Technology, Communication Networks And Services

The department of Communication Networks and Services trains senior technicians in programming and designing websites, in the use of new.