-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
21 lines (18 loc) · 7.29 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<link rel="icon" href="./favicon.17e50649.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Florian Pereira | Senior software engineer</title>
<meta name="description" content="Frontend developer, JS enthusiast, React expert.">
<meta property="og:title" content="Florian Pereira | Senior software engineer">
<meta property="og:site_name" content="Florian Pereira | Senior software engineer">
<meta property="og:url" content="https://florian-pereira.com/">
<meta property="og:description" content="Frontend developer, JS enthusiast, React expert.">
<meta property="og:type" content="profile">
<meta property="og:image" content="https://florian-pereira.com/florian-pereira.4d0e6901.png">
<link rel="stylesheet" href="./index.b9b216d3.css">
</head>
<body>
<div id="root"><section class="about-me"><img src="./florian-pereira.4d0e6901.png" class="image" alt="" width="200" height="250"><div class="w-full"><h1 class="text-4xl font-bold text-main-dark print:text-lg">Florian Pereira</h1><p class="flex flex-col sm:flex-row justify-center space-x-2 print:space-x-0"><a href="mailto:[email protected]" target="_blank">[email protected]</a> <span class="hidden sm:inline">|</span> <a href="https://github.com/flo-pereira" target="_blank" rel="noopener">https://github.com/flo-pereira</a></p><div class="my-2 sm:my-6 text-justify italic print:my-1"><strong class="text-main block text-center mb-2 sm:inline print:inline">Senior software engineer</strong><i class="hidden sm:inline">, </i> <br class="hidden print:inline"><strong>JavaScript</strong> enthusiast, working in its huge ecosystem for over 10 years.<br><strong>React</strong> early adopter, I built strong experience on it.<br>In constant IT watch, convinced that improvement matters, I always want to learn new skills and try new technologies.<br>I love my code to be clean, readable and efficient !</div></div></section><section><h2 class="title">Experience</h2><article class="xp"><h3 class="job-title"><b class="company text-main">Klaxoon</b> - <strong class="font-medium">Frontend developer R&D</strong> <span class="date">2021-present</span></h3>Experiments related to frontend performance optimization</article><article class="xp"><h3 class="job-title"><b class="company text-main">Domraider</b> - <strong class="font-medium">Frontend Lead developer</strong> <span class="date">2016-2021</span></h3><article><strong class="text-gray-700 font-semibold">Website refactoring</strong> - Led the complete refactor of the frontend from an outdated and hard to maintain Angular application to a fully typed Javascript + <strong>flow</strong> / <strong>React Native / redux / redux-saga</strong> stack.<br>It result a scalable frontend architecture with better performance thanks to simples optimizations technique like virtualization, memoization, purity etc.<br>Choosing react native let us build an app that share most part of the code between web and mobile version using <strong>react-native-web</strong></article><article class="mt-4"><strong class="text-gray-700 font-semibold">Architect of the "PBNFactory" project.</strong> - Managed a 4 developers team, on a fullstack application consisted of a micro-service splitted backend working with <strong>NodeJS PostgreSQL</strong> and a <strong>GraphQL API</strong> all hosted on <strong>Google Cloud</strong> (Cloud function, AppEngine, Pub/Sub) and a SPA frontend developed with JavaScript/<strong>Rescript</strong> React and <strong>Relay</strong> (GraphQL)</article><article class="mt-4"><strong class="text-gray-700 font-semibold">Auctionity Blockchain</strong> - Developed a Decentralized App running on both Ethereum and private network synchronized together to offer the safety and transparency of the main network resolving its cost and performance issues. Working with Javascript React, <strong>EtherJS, Solidity</strong> smart contract and both Graph and REST API</article><article class="mt-4">Various other POC using framework like <strong>NextJS, Gatsby, Apollo, Web3JS</strong> etc.</article></article><article class="xp"><h3 class="job-title"><b class="company text-main">Freelance (Remote)</b> - <strong class="font-medium">Web developer</strong> <span class="date">2016</span></h3>Built "defis-digital" game, a project for the industrial energy group ENGIE. Developed with the <strong>Symfony</strong> 2.6 framework with a constraint of an old PHP version 5.3.</article><article class="xp"><h3 class="job-title"><b class="company text-main">IT Network (Remote)</b> - <strong class="font-medium">Web developer</strong> <span class="date">2012-2016</span></h3>Refactored the backoffice of one of the most famous car dealer in France.<br>An <strong>ElasticSearch</strong> server was set up to index hundreds of thousands vehicles references served by a Symfony 2 REST API to a fast and fluid frontend built with <strong>BackboneJS</strong> and React.</article><div class="hidden print:block italic mb-2 text-gray-600">... View first work experiences on https://florian-pereira.com</div><article class="xp print:hidden"><h3 class="job-title"><b class="company text-main">Back to Overscan</b> - <strong class="font-medium">Web developer</strong> <span class="date">2012</span></h3>Short mission in PHP web development.</article><article class="xp print:hidden"><h3 class="job-title"><b class="company text-main">Beez Connected</b> - <strong class="font-medium">Web developer</strong> <span class="date">2011-2012</span></h3>Developed an hybrid mobile application using JavaScript / NodeJS and Titanium Appceleraror framework.</article><article class="xp print:hidden"><h3 class="job-title"><b class="company text-main">Overscan</b> - <strong class="font-medium">Web developer</strong> <span class="date">2010-2011</span></h3>In one of the famous IT services company in its area, I learnt Symfony framework, using it in several websites development.</article><article class="mb-2 print:hidden"><h3 class="job-title"><b class="company text-main">Signe et Sens</b> - <strong class="font-medium">Web developer</strong> <span class="date">2009-2010</span></h3>Just graduated, first professional experience as a web developer vanilla PHP, Flash AS3</article></section><section><h2 class="title">Education</h2><h3><strong>Bachelor's degree in Computer Science, Université Blaise Pascal</strong>, Vichy - <span class="date">2009</span></h3></section><section><h2 class="title">Latest Open Source Contribution</h2><strong class="os-project">Drei</strong>, <em class="hidden sm:inline print:inline">a collection of useful helpers and abstractions for react-three-fiber</em> +1.8k⭐ <a href="https://github.com/pmndrs/drei/pull/73" target="_blank" rel="noopener" class="view-link">View on github</a><br><strong class="os-project">Marsha</strong>, <em class="hidden sm:inline print:inline">a self-hosted video and document provider</em> +50⭐ <a href="https://github.com/openfun/marsha/pull/705" target="_blank" rel="noopener" class="view-link">View on github</a><br><strong class="os-project">React-navigation</strong>, <em class="hidden sm:inline print:inline">most used routing and navigation for React Native apps.</em> +20k⭐ <a href="https://github.com/react-navigation/react-navigation/pull/1803" target="_blank" rel="noopener" class="view-link">View on github</a></section></div>
</body></html>