portfolio_leptos/index.html

348 lines
15 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Portfolio de Florian RICHER">
<meta name="Content-Type" content="UTF-8">
<meta name="Content-Language" content="fr">
<meta name="Keywords" content="Portfolio de Florian RICHER">
<meta name="Revisit-After" content="4 days">
<meta name="Robots" content="all">
<meta name="Geography" content="Limoges, France, 87000">
<meta name="Category" content="portfolio">
<meta name="author" content="Florian RICHER - MrDev023">
<title>Florian RICHER - Portfolio</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet">
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/resume.min.css" rel="stylesheet">
</head>
<body id="page-top">
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
<a class="navbar-brand js-scroll-trigger" href="#page-top">
<span class="d-block d-lg-none">Florian RICHER</span>
<span class="d-none d-lg-block">
<img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="img/profile.jpg" alt="Profile">
</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">A propos de moi</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#experience">Expérience</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#education">Formation</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#skills">Compétences</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#interests">Intérêt</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#awards">Certifications &amp; Concours</a>
</li>
</ul>
</div>
</nav>
<div class="container-fluid p-0">
<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="about">
<div class="w-100">
<h1 class="mb-0">Florian
<span class="text-primary">RICHER</span>
</h1>
<div class="subheading mb-5">19 Allée Colbert 87000 Limoges · (33) 07 61 36 34 52 · SIRET : 85244496400016 ·
<a href="mailto:florian.richer@protonmail.com">florian.richer@protonmail.com</a>
</div>
<p class="lead mb-5">Je suis passionné dans le développement depuis l'âge de 12 ans. Jadore apprendre de nouvelles choses et me lancer des défis. Jai appris beaucoup chose sur le développement web à travers ma licence Développement Web et aussi avec mon auto-formation. Ainsi que dans le développement dapplication et de micro-jeu en participant à des concours de développement de jeux (Global Gam Jam, Nuit de linfo et Ludum Dare).</p>
<div class="social-icons">
<a href="https://www.linkedin.com/in/florian-richer-80960b129/">
<i class="fab fa-linkedin-in"></i>
</a>
<a href="https://github.com/mrdev023">
<i class="fab fa-github"></i>
</a>
<a href="https://twitter.com/MrDev023">
<i class="fab fa-twitter"></i>
</a>
<a href="https://www.facebook.com/florian.richer.31">
<i class="fab fa-facebook-f"></i>
</a>
<a href="https://www.instagram.com/mrdev023/">
<i class="fab fa-instagram"></i>
</a>
</div>
</div>
</section>
<hr class="m-0">
<section class="resume-section p-3 p-lg-5 d-flex justify-content-center" id="experience">
<div class="w-100">
<h2 class="mb-5">Expérience</h2>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">Développeur Web et de jeu (CDI)</h3>
<div class="subheading mb-3">Limouzik SAS</div>
<p>Maintenance de la première version de lapplication Limouzik (NodeJS, Docker, JS, Webpack, React, Electron, MIDI JS et Cordova) et du site Web (Wordpress, développement de plugin dédié à Limouzik). Développement de la deuxième version de l´application Limouzik avec Unity 3D (c# pour l´intégration de jeux) ainsi qu´une mise à jour majeurs du site Limouzik avec Symfony 4.</p>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">03 Septembre 2017 - 31 Juillet 2019</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">Développeur Web et de jeu (Alternance)</h3>
<div class="subheading mb-3">Limouzik SAS</div>
<p>Maintenance de la première version de lapplication Limouzik (NodeJS, Docker, JS, Webpack, React, Electron, MIDI JS et Cordova) et du site Web (Wordpress, développement de plugin dédié à Limouzik). Développement de la deuxième version de l´application Limouzik avec Unity 3D (c# pour l´intégration de jeux) ainsi qu´une mise à jour majeurs du site Limouzik avec Symfony 4.</p>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">04 Septembre 2017 - 24 Aout 2018</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">Développeur Web (Projet Tuteuré)</h3>
<div class="subheading mb-3">Onegate</div>
<p>Développement du site sliz.me avec Symfony 4 (Ajout de QRCode sur l'ensemble des pages d'un fichier PDF pour que d'autres personnes puissent télécharger le PDF ou une page en question).</p>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">Octobre 2017 - Février 2017</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">Développeur dapplication Web (CDD)</h3>
<div class="subheading mb-3">Limouzik SAS</div>
<p>Développement de lapplication Limouzik (JS, React, Docker, MIDI JS, RequireJS) et du site Wordpress ainsi que les plugins propriétaires pour Limouzik.</p>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">01 Juillet 2017 - 31 Juillet 2017</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between">
<div class="resume-content">
<h3 class="mb-0">Développeur dapplication Web (Stage de DUT Informatique)</h3>
<div class="subheading mb-3">Limouzik SAS</div>
<p>Développement de lapplication Limouzik (JS, React, Docker, MIDI JS, RequireJS) et du site Wordpress ainsi que les plugins propriétaires pour Limouzik.</p>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">03 Avril 2017 - 30 Juin 2017</span>
</div>
</div>
</div>
</section>
<hr class="m-0">
<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="education">
<div class="w-100">
<h2 class="mb-5">Formation</h2>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">IUT DU LIMOUSIN - LIMOGES</h3>
<div class="subheading mb-3">Licence professionnel en alternance de développeur dapplication web et du Big Data (LP DWBD)</div>
<div>Utilisation de docker, Mysql, PHP avancé, Symfony 3 et 4, AngularJS, NodeJS, Cassandra, MongoDB, …</div>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">2017 - 2018</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">IUT DU LIMOUSIN - LIMOGES</h3>
<div class="subheading mb-3">DUT Informatique</div>
<div>Conception de programme en Java, C++, C, Android, PHP, NodeJS et lutilisation de Mysql. Apprentissage des bases scientifiques dans linformatique.</div>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">2015 - 2017</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between">
<div class="resume-content">
<h3 class="mb-0">LYCEE JEAN FAVARD - GUERET</h3>
<div class="subheading mb-3">Bac sciences et technologies de l'industrie et du développement durable (STI2D)</div>
<div>Spécialité systèmes d'information et numérique (SIN)</div>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">2012 - 2015</span>
</div>
</div>
</div>
</section>
<hr class="m-0">
<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="skills">
<div class="w-100">
<h2 class="mb-5">Compétences</h2>
<div class="subheading mb-3">Languages de programmations &amp; Outils</div>
<ul class="list-inline dev-icons">
<li class="list-inline-item">
<i class="fab fa-html5"></i>
</li>
<li class="list-inline-item">
<i class="fab fa-css3-alt"></i>
</li>
<li class="list-inline-item">
<i class="fab fa-js-square"></i>
</li>
<li class="list-inline-item">
<i class="fab fa-react"></i>
</li>
<li class="list-inline-item">
<i class="fab fa-node-js"></i>
</li>
<li class="list-inline-item">
<i class="fab fa-sass"></i>
</li>
<li class="list-inline-item">
<i class="fab fa-less"></i>
</li>
<li class="list-inline-item">
<i class="fab fa-wordpress"></i>
</li>
<li class="list-inline-item">
<i class="fab fa-gulp"></i>
</li>
<li class="list-inline-item">
<i class="fab fa-npm"></i>
</li>
<li class="list-inline-item">
<i class="fab fa-git"></i>
</li>
<li class="list-inline-item">
<i class="fab fa-android"></i>
</li>
<li class="list-inline-item">
<i class="fab fa-linux"></i>
</li>
<li class="list-inline-item">
<i class="fab fa-docker"></i>
</li>
<li class="list-inline-item">
<i class="fab fa-symfony"></i>
</li>
<li class="list-inline-item">
<i class="fab fa-laravel"></i>
</li>
<li class="list-inline-item">
<i class="fab fa-php"></i>
</li>
<li class="list-inline-item">
<i class="fab fa-java"></i>
</li>
</ul>
<div class="subheading mb-3">Workflow</div>
<ul class="fa-ul mb-0">
<li>
<i class="fa-li fa fa-check"></i>
Mobile-First, Responsive Design</li>
<li>
<i class="fa-li fa fa-check"></i>
Cross Browser Testing &amp; Debugging</li>
<li>
<i class="fa-li fa fa-check"></i>
Unit testing</li>
<li>
<i class="fa-li fa fa-check"></i>
Agile Development &amp; Scrum</li>
</ul>
</div>
</section>
<hr class="m-0">
<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="interests">
<div class="w-100">
<h2 class="mb-5">Intérêt</h2>
<p>A pars développer un site web, j'écoute beaucoup de musique de tout genre, regarder des films, des séries ou animés. Je joue aussi de temps en temps aux jeux vidéos mais je suis aussi quelqu´un qui aime beaucoup marcher.</p>
</div>
</section>
<hr class="m-0">
<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="awards">
<div class="w-100">
<h2 class="mb-5">Certifications &amp; Concours</h2>
<ul class="fa-ul mb-0">
<li>
<i class="fa-li fa fa-trophy text-warning"></i>
<a href="https://certificates.opquast.com/certificate/S1QVFR/">Opquast - ID S1QVFR</a></li>
<li>
<i class="fa-li fa fa-trophy text-warning"></i>
<a href="https://globalgamejam.org/users/mrdev023">Global Game Jam 2016</a></li>
<li>
<i class="fa-li fa fa-trophy text-warning"></i>
<a href="https://globalgamejam.org/users/mrdev023">Global Game Jam 2017</a></li>
<li>
<i class="fa-li fa fa-trophy text-warning"></i>
<a href="https://globalgamejam.org/users/mrdev023">Global Game Jam 2019</a></li>
<li>
<i class="fa-li fa fa-trophy text-warning"></i>
<a href="https://github.com/mrdev023/NUIT_INFO_2_DECEMBRE_2016">Nuit de l´Informatique - Bordeaux - 1er - Développer un jeu en 8h - 2016</a></li>
</ul>
</div>
</section>
</div>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/resume.min.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-93969390-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-93969390-2');
</script>
</body>
</html>