portfolio_leptos/src/components/MonParcours.tsx

211 lines
13 KiB
TypeScript
Raw Normal View History

import react from 'react'
import Timeline from './timeline/Timeline'
import TimelineElement from './timeline/TimelineElement'
import TimelineLabel from './timeline/TimelineLabel'
import TimelineCard from './timeline/TimelineCard'
import TimelineCardSummary from './timeline/TimelineCardSummary'
import TimelineCardContent from './timeline/TimelineCardContent'
2023-06-04 00:51:03 +02:00
import Tag from './Tag'
const REACT_TAG = <Tag name="React" url="https://fr.legacy.reactjs.org/" />
const SYMFONY_4_TAG = <Tag name="Symfony 4" url="https://symfony.com/" />
const FLUTTER_TAG = <Tag name="Flutter" url="https://flutter.dev/" />
const RUBY_ON_RAILS_TAG = <Tag name="Ruby on rails" url="https://rubyonrails.org/" />
const HOTWIRED_TAG = <Tag name="Hotwired" url="https://hotwired.dev/" />
const RUST_TAG = <Tag name="Rust" url="https://www.rust-lang.org/" />
const DOCKER_TAG = <Tag name="Docker" url="https://www.docker.com/" />
const STEAM_TAG = <Tag name="Steam API" url="https://partner.steamgames.com/doc/sdk/api/example" />
const GITLAB_CI_TAG = <Tag name="Gitlab CI" url="https://docs.gitlab.com/ee/ci/" />
const UNITY_TAG = <Tag name="Unity 3D" url="https://unity.com/fr" />
const WORDPRESS_TAG = <Tag name="Wordpress" url="https://wordpress.com/fr/" />
const CORDOVA_TAG = <Tag name="Cordova" url="https://cordova.apache.org/" />
const ELECTRON_TAG = <Tag name="Electron" url="https://www.electronjs.org/" />
const LWJGL_TAG = <Tag name="LWJGL" url="https://www.lwjgl.org/" />
const OPENGL_TAG = <Tag name="OpenGL" url="https://www.opengl.org/" />
const VULKAN_TAG = <Tag name="Vulkan" url="https://www.vulkan.org/" />
const JAVA_TAG = <Tag name="Java" url="https://www.java.com/fr/" />
const MIDI_TAG = <Tag name="MIDI" url="https://fr.wikipedia.org/wiki/Musical_Instrument_Digital_Interface" />
const REQUIREJS_TAG = <Tag name="RequireJS" url="https://requirejs.org/" />
const WEBPACK_TAG = <Tag name="Webpack" url="https://webpack.js.org/" />
const VITE_TAG = <Tag name="Vite" url="https://vitejs.dev/" />
const MAVEN_TAG = <Tag name="Maven" url="https://maven.apache.org/" />
const GRADLE_TAG = <Tag name="Gradle" url="https://gradle.org/" />
function MonParcours() {
return (
<div>
<Timeline>
2023-06-03 21:17:46 +02:00
<TimelineElement>
<TimelineLabel>2019 - Aujourdhui</TimelineLabel>
<TimelineCard>
2023-06-04 00:51:03 +02:00
<TimelineCardSummary
tags={[
REACT_TAG, SYMFONY_4_TAG, FLUTTER_TAG, RUBY_ON_RAILS_TAG, HOTWIRED_TAG, RUST_TAG, WEBPACK_TAG, VITE_TAG, GRADLE_TAG
]}
>
Développeur dapplication Web, Mobile et Système (CDI)
</TimelineCardSummary>
2023-06-03 21:17:46 +02:00
<TimelineCardContent>
2023-06-04 00:51:03 +02:00
<p>Développement dapplication Symfony, React, Flutter, Rust et Ruby on rails (6 et 7) pour des clients.</p><br />
<p>Je développe surtout des applications Flutter et Ruby on rails avec laide de Hotwired.</p><br />
2023-06-03 21:17:46 +02:00
<i>Unova France</i><br />
2023-06-04 00:51:03 +02:00
<i>11 Septembre 2019 - Toujours en CDI</i><br /><br />
2023-06-03 21:17:46 +02:00
</TimelineCardContent>
</TimelineCard>
2023-06-04 00:54:08 +02:00
<TimelineCard>
<TimelineCardSummary
tags={[
RUST_TAG, VULKAN_TAG
]}
>
Développement dun petit moteur 3D
</TimelineCardSummary>
<TimelineCardContent>
<p>Je développe un petit moteur 3D pour apprendre à utiliser Vulkan mais aussi pour prendre en expérience en Rust</p>
</TimelineCardContent>
</TimelineCard>
2023-06-03 21:17:46 +02:00
</TimelineElement>
2023-06-03 21:04:46 +02:00
<TimelineElement>
<TimelineLabel>2018 - 2019</TimelineLabel>
<TimelineCard>
2023-06-04 00:51:03 +02:00
<TimelineCardSummary
tags={[
UNITY_TAG, SYMFONY_4_TAG, GITLAB_CI_TAG, STEAM_TAG, DOCKER_TAG, MIDI_TAG
]}
>
Développeur Web Symfony 4 et de Jeu avec Unity 3D (CDI)
</TimelineCardSummary>
2023-06-03 21:04:46 +02:00
<TimelineCardContent>
<p>Développement du Site en Symfony 4 (Changement graphique, ajout de fonctionnalité)</p><br />
2023-06-04 00:51:03 +02:00
<p>Intégration du déploiement continue de la nouvelle application Limouzik refaite sous Unity 3D sur Steam</p><br />
2023-06-03 21:04:46 +02:00
<i>Limouzik SAS</i><br />
2023-06-04 00:51:03 +02:00
<i>03 Septembre 2018 - 31 Juillet 2019 (Rupture pour raison économique)</i>
2023-06-03 21:04:46 +02:00
</TimelineCardContent>
</TimelineCard>
</TimelineElement>
<TimelineElement>
<TimelineLabel>2017 - 2018</TimelineLabel>
<TimelineCard>
<TimelineCardSummary>License Dev. Web et du Big Data</TimelineCardSummary>
<TimelineCardContent>
2023-06-03 21:04:46 +02:00
<p>Licence professionnelle en alternance de développeur dapplication web et du Big Data (LP DWBD).</p><br />
<p>Utilisation de docker, Mysql, PHP avancé, Symfony 3 et 4, AngularJS, NodeJS, Cassandra, MongoDB, </p><br />
2023-06-03 21:04:46 +02:00
<i>IUT du Limousin à Limoges</i>
</TimelineCardContent>
</TimelineCard>
2023-06-03 20:15:09 +02:00
<TimelineCard>
2023-06-04 00:51:03 +02:00
<TimelineCardSummary
tags={[
SYMFONY_4_TAG
]}
>
Développeur Web Symfony 4 (Projet Tuteuré)
</TimelineCardSummary>
2023-06-03 20:15:09 +02:00
<TimelineCardContent>
<p>Développement du site sliz.me avec Symfony 4.</p><br />
2023-06-03 21:04:46 +02:00
<p>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 durant une conférence.</p><br />
2023-06-03 20:15:09 +02:00
<p>Il fallait également pouvoir générer des QrCode simple à scanner pour quun étudiant puisse le scanner à lautre bout de lamphi.</p><br />
2023-06-03 21:04:46 +02:00
2023-06-03 20:15:09 +02:00
<i>Onegate</i><br />
<i>Octobre 2017 - Février 2017</i>
</TimelineCardContent>
</TimelineCard>
<TimelineCard>
2023-06-04 00:51:03 +02:00
<TimelineCardSummary
tags={[
UNITY_TAG, SYMFONY_4_TAG, STEAM_TAG, REACT_TAG, WORDPRESS_TAG, CORDOVA_TAG, ELECTRON_TAG, MIDI_TAG, WEBPACK_TAG
]}
>
Développeur Web Symfony 4 et de Jeu avec Unity 3D (Alternance)
</TimelineCardSummary>
2023-06-03 20:15:09 +02:00
<TimelineCardContent>
<p>Maintenance de la version du site en Wordpress + Refonte complète du site (Graphique et technique) avec Symfony 4.</p><br />
2023-06-03 21:04:46 +02:00
<p>Maintenance de la première version de lapplication React ainsi que la migration des modules RequireJS vers Webpack pour fortement améliorer le temps de chargement</p><br />
<p>Pour permettre lévolution future de lapplication (Intégration avec dautre boite de jeu VR + Gamification), lapplication a être refaite de A à Z en C# avec le moteur 3D Unity.</p><br />
<p>Ajout de lapplication Limouzik sur le Play Store (Android), AppStore (iOS) et sur Steam (PC) avec lintégration de SteamAPI</p><br />
2023-06-03 20:15:09 +02:00
2023-06-03 21:04:46 +02:00
<i>Lensemble du travail a é effectué par mes soins</i><br /><br />
2023-06-04 00:51:03 +02:00
2023-06-03 20:15:09 +02:00
<i>Limouzik SAS</i><br />
2023-06-04 00:51:03 +02:00
<i>04 Septembre 2017 - 24 Aout 2018</i>
2023-06-03 20:15:09 +02:00
</TimelineCardContent>
</TimelineCard>
</TimelineElement>
<TimelineElement>
<TimelineLabel>2015 - 2017</TimelineLabel>
<TimelineCard>
<TimelineCardSummary>DUT Informatique</TimelineCardSummary>
<TimelineCardContent>
<p>Conception de programme en Java, C++, C, Android, PHP, NodeJS et lutilisation de Mysql. Apprentissage des bases scientifiques dans linformatique.</p><br />
<i>IUT du Limousin à Limoges</i>
</TimelineCardContent>
</TimelineCard>
<TimelineCard>
2023-06-04 00:51:03 +02:00
<TimelineCardSummary
tags={[
REACT_TAG, WORDPRESS_TAG, MIDI_TAG, REQUIREJS_TAG
]}
>
Développement dapplication Web React et MIDI + Site Wordpress (Stage + CDD)
</TimelineCardSummary>
<TimelineCardContent>
2023-06-03 21:04:46 +02:00
<p>Développement dune application musicale en utilisant le protocole MIDI (+ Synthèse sonore).</p><br />
<p>La partie affichage a é développé avec React et RequireJS (Gestion de module).</p><br />
2023-06-03 21:04:46 +02:00
<p>Administration du Site en Wordpress avec les Plugins (Woocommerce et PaidMembership Pro) ainsi que le développement dun plugin propriétaire pour lintégration de lapplication dans Wordpress</p><br />
<i>Limouzik SAS</i><br />
<i>03 Avril 2017 - 30 Juin 2017 (Stage)</i><br />
<i>01 Juillet 2017 - 31 Juillet 2017 (CDD)</i>
</TimelineCardContent>
</TimelineCard>
</TimelineElement>
<TimelineElement>
<TimelineLabel>2012 - 2015</TimelineLabel>
<TimelineCard>
<TimelineCardSummary>Bac STI2D spécialité SIN</TimelineCardSummary>
<TimelineCardContent>
<p>Passage du Bac sciences et technologies de lindustrie et du développement durable (STI2D).</p>
<p>Spécialité systèmes dinformation et numérique (SIN).</p><br />
2023-06-03 21:04:46 +02:00
<i>Lycée Jean Favard à Guéret</i>
</TimelineCardContent>
</TimelineCard>
<TimelineCard>
2023-06-04 00:51:03 +02:00
<TimelineCardSummary
tags={[
JAVA_TAG, MAVEN_TAG
]}
>
Développement en Java (Perso)
</TimelineCardSummary>
<TimelineCardContent>
2023-06-03 21:04:46 +02:00
<p>Apprentissage dans un premier temps du langage avec le site du zéro et les quelques vidéos sur Youtube.</p><br />
<p>Ensuite, j'ai commencé à développer des projets Perso (Plugin Minecraft, Mod Minecraft) dans un premier temps.</p><br />
2023-06-04 00:51:03 +02:00
<p>Puis, j'ai commencé à développer des petits jeux de A à Z (Petit moteur de physique + graphique + audio) et à m'entrainer avec des amis pour participer à des concours comme le Ludum dare et la Global Game Jam.</p>
</TimelineCardContent>
</TimelineCard>
<TimelineCard>
2023-06-04 00:51:03 +02:00
<TimelineCardSummary
tags={[
LWJGL_TAG, OPENGL_TAG
]}
>
Utilisation de lAPI graphique OpenGL (Perso)
</TimelineCardSummary>
<TimelineCardContent>
2023-06-03 21:04:46 +02:00
<p>Après avoir développé quelques trucs sur Minecraft. Je me suis interessé à son fonctionnement et j'ai découvert la librairie LWJGL utilisé dans Minecraft.</p><br />
2023-06-04 00:51:03 +02:00
<p>J'ai très vite voulu développer mes propres Mini-Jeux en OpenGL avec cette librairie.</p>
</TimelineCardContent>
</TimelineCard>
</TimelineElement>
</Timeline>
</div>
)
}
export default MonParcours