Update CVs + fixes number and email
Mr¤KayJayDee
3 years ago
parent
11a6105f81
commit
93b1b37024
@ -1,2 +1,2 @@
|
|||||||
.vscode/
|
.vscode/
|
||||||
.node_modules
|
.node_modules
|
||||||
@ -1,399 +1,399 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<title>Portfolio Killian' DAL-CIN</title>
|
<title>Portfolio Killian' DAL-CIN</title>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta name="description" content="Le portfolio de Killian' DAL-CIN">
|
<meta name="description" content="Le portfolio de Killian' DAL-CIN">
|
||||||
<meta name="author" content="Killian' DAL-CIN">
|
<meta name="author" content="Killian' DAL-CIN">
|
||||||
<link rel="shortcut icon" href="code.svg">
|
<link rel="shortcut icon" href="code.svg">
|
||||||
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">
|
||||||
<script defer src="fontawesome/js/all.min.js"></script>
|
<script defer src="fontawesome/js/all.min.js"></script>
|
||||||
<link id="theme-style" rel="stylesheet" href="css/styles.css">
|
<link id="theme-style" rel="stylesheet" href="css/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<a class="langButton" style="float: right; margin-right: 20px;" href="/"><img src="images/english.png"
|
<a class="langButton" style="float: right; margin-right: 20px;" href="/"><img src="images/english.png"
|
||||||
width="50" height="50"></a>
|
width="50" height="50"></a>
|
||||||
<div class="main-wrapper">
|
<div class="main-wrapper">
|
||||||
<div class="container px-3 px-lg-5">
|
<div class="container px-3 px-lg-5">
|
||||||
<article class="resume-wrapper mx-auto theme-bg-light p-5 mb-5 my-5 shadow-lg">
|
<article class="resume-wrapper mx-auto theme-bg-light p-5 mb-5 my-5 shadow-lg">
|
||||||
<div class="resume-header">
|
<div class="resume-header">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="resume-title col-12 col-md-6 col-lg-8 col-xl-9">
|
<div class="resume-title col-12 col-md-6 col-lg-8 col-xl-9">
|
||||||
<h2 class="resume-name mb-0 text-uppercase">Killian' DAL-CIN</h2>
|
<h2 class="resume-name mb-0 text-uppercase">Killian' DAL-CIN</h2>
|
||||||
<div class="resume-tagline mb-3 mb-md-0">Développeur Fullstack débutant</div>
|
<div class="resume-tagline mb-3 mb-md-0">Développeur Fullstack débutant</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="resume-contact col-12 col-md-6 col-lg-4 col-xl-3">
|
<div class="resume-contact col-12 col-md-6 col-lg-4 col-xl-3">
|
||||||
<ul class="list-unstyled mb-0">
|
<ul class="list-unstyled mb-0">
|
||||||
<li class="mb-2"><i class="fas fa-phone-square fa-fw fa-lg mr-2 "></i><a
|
<li class="mb-2"><i class="fas fa-phone-square fa-fw fa-lg mr-2 "></i><a
|
||||||
class="resume-link" href="tel:#">+33 6 49 19 38 16</a></li>
|
class="resume-link" href="tel:+33649193816">+33 6 49 19 38 16</a></li>
|
||||||
<li class="mb-2"><i class="fas fa-envelope-square fa-fw fa-lg mr-2"></i><a
|
<li class="mb-2"><i class="fas fa-envelope-square fa-fw fa-lg mr-2"></i><a
|
||||||
class="resume-link" href="mailto:#">killian.dal-cin@orange.fr</a></li>
|
class="resume-link" href="mailto:contact@mrkayjaydee.xyz">contact@mrkayjaydee.xyz</a></li>
|
||||||
<li class="mb-2"><i class="fas fa-globe fa-fw fa-lg mr-2"></i><a class="resume-link"
|
<li class="mb-2"><i class="fas fa-globe fa-fw fa-lg mr-2"></i><a class="resume-link"
|
||||||
href="https://portfolio.mrkayjaydee.xyz/">https://portfolio.mrkayjaydee.xyz/</a></li>
|
href="https://portfolio.mrkayjaydee.xyz/">portfolio.mrkayjaydee.xyz</a></li>
|
||||||
<li class="mb-0"><i class="fas fa-map-marker-alt fa-fw fa-lg mr-2"></i>32720 Barcelonne-Du-Gers</li>
|
<li class="mb-0"><i class="fas fa-map-marker-alt fa-fw fa-lg mr-2"></i>32720 Barcelonne-Du-Gers</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr>
|
||||||
<div class="resume-intro py-3">
|
<div class="resume-intro py-3">
|
||||||
<div class="media flex-column flex-md-row align-items-center">
|
<div class="media flex-column flex-md-row align-items-center">
|
||||||
<img class="resume-profile-image mb-3 mb-md-0 mr-md-5 ml-md-0 rounded mx-auto"
|
<img class="resume-profile-image mb-3 mb-md-0 mr-md-5 ml-md-0 rounded mx-auto"
|
||||||
src="images/resume-profile.png" alt="image">
|
src="images/resume-profile.png" alt="image">
|
||||||
<div class="media-body text-left">
|
<div class="media-body text-left">
|
||||||
<p class="mb-0">Je m'appelle Killian 'DAL-CIN, j'ai 18 ans, je suis passionné par la
|
<p class="mb-0">Je m'appelle Killian 'DAL-CIN, j'ai 18 ans, je suis passionné par la
|
||||||
programmation, la photographie, la musique et le sport. Parlons un peu de mon histoire,
|
programmation, la photographie, la musique et le sport. Parlons un peu de mon histoire,
|
||||||
j'avais 15 ans et
|
j'avais 15 ans et
|
||||||
un ami m'a parlé de Discord qui est un réseau social principalement pour les joueurs.
|
un ami m'a parlé de Discord qui est un réseau social principalement pour les joueurs.
|
||||||
Comme il l'a dit, je
|
Comme il l'a dit, je
|
||||||
essayé, j'ai eu du mal à comprendre mais j'ai réussi à créer mon premier serveur et
|
essayé, j'ai eu du mal à comprendre mais j'ai réussi à créer mon premier serveur et
|
||||||
inviter/configurer mes premiers robots. J'ai vite remarqué que je devais inviter de 5 à
|
inviter/configurer mes premiers robots. J'ai vite remarqué que je devais inviter de 5 à
|
||||||
10
|
10
|
||||||
robots sur un serveur pour faire tout ce que je voulais. C'est de là que m'est venue
|
robots sur un serveur pour faire tout ce que je voulais. C'est de là que m'est venue
|
||||||
l'idée de créer
|
l'idée de créer
|
||||||
mon propre robot discord. Avec un objectif que j'ai toujours en tête aujourd'hui: "Créer
|
mon propre robot discord. Avec un objectif que j'ai toujours en tête aujourd'hui: "Créer
|
||||||
un bot qui va
|
un bot qui va
|
||||||
couvrir toutes les fonctionnalités de tout les autres existants". Ensuite, j'ai cherché
|
couvrir toutes les fonctionnalités de tout les autres existants". Ensuite, j'ai cherché
|
||||||
comment en créer un et j'ai découvert que j'avais besoin
|
comment en créer un et j'ai découvert que j'avais besoin
|
||||||
d'apprendre un langage de programmation qu'est le JavaScript.
|
d'apprendre un langage de programmation qu'est le JavaScript.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr>
|
||||||
<div class="resume-body">
|
<div class="resume-body">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="resume-main col-12 col-lg-8 col-xl-9 pr-0 pr-lg-5">
|
<div class="resume-main col-12 col-lg-8 col-xl-9 pr-0 pr-lg-5">
|
||||||
<section class="work-section py-3">
|
<section class="work-section py-3">
|
||||||
<h3 class="text-uppercase resume-section-heading mb-4">Expériences de travail</h3>
|
<h3 class="text-uppercase resume-section-heading mb-4">Expériences de travail</h3>
|
||||||
<div class="item mb-3">
|
<div class="item mb-3">
|
||||||
<div class="item-heading row align-items-center mb-2">
|
<div class="item-heading row align-items-center mb-2">
|
||||||
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Explorer tous les
|
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Explorer tous les
|
||||||
capacités d'un Raspberry
|
capacités d'un Raspberry
|
||||||
</h4>
|
</h4>
|
||||||
<div
|
<div
|
||||||
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
|
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
|
||||||
Février 2021
|
Février 2021
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item-content">
|
<div class="item-content">
|
||||||
<p>Mon professeur de lycée m'a prété un Raspberry PI 3b+ pendant 2 semaines,
|
<p>Mon professeur de lycée m'a prété un Raspberry PI 3b+ pendant 2 semaines,
|
||||||
c'était pour moi
|
c'était pour moi
|
||||||
une occasion d'explorer ce qu'on pouvait faire avec et la puissance de ce
|
une occasion d'explorer ce qu'on pouvait faire avec et la puissance de ce
|
||||||
petit
|
petit
|
||||||
ordinateur, je peux dire que j'ai aimé jouer avec. Voici une liste de ce que
|
ordinateur, je peux dire que j'ai aimé jouer avec. Voici une liste de ce que
|
||||||
j'ai fait:
|
j'ai fait:
|
||||||
</p>
|
</p>
|
||||||
<ul class="resume-list">
|
<ul class="resume-list">
|
||||||
<li>Créer un NAS avec le système d'exploitation Synology</li>
|
<li>Créer un NAS avec le système d'exploitation Synology</li>
|
||||||
<li>Installer l'environnement de bureau (+ installer l'interface graphique
|
<li>Installer l'environnement de bureau (+ installer l'interface graphique
|
||||||
du gestionnaire de WiFi)</li>
|
du gestionnaire de WiFi)</li>
|
||||||
<li>Utiliser le Raspberry comme haut-parleur Bluetooth (recevoir le
|
<li>Utiliser le Raspberry comme haut-parleur Bluetooth (recevoir le
|
||||||
Bluetooth pour transmettre
|
Bluetooth pour transmettre
|
||||||
le son vers un haut-parleur filaire) + connection à un haut-parleur
|
le son vers un haut-parleur filaire) + connection à un haut-parleur
|
||||||
Bluetooth avec <a href="http://www.bluez.org/">Bluez</a>
|
Bluetooth avec <a href="http://www.bluez.org/">Bluez</a>
|
||||||
</li>
|
</li>
|
||||||
<li>Installer des logiciels de bureau comme Chromium, Minecraft PI ou Visual
|
<li>Installer des logiciels de bureau comme Chromium, Minecraft PI ou Visual
|
||||||
Studio
|
Studio
|
||||||
Code
|
Code
|
||||||
</li>
|
</li>
|
||||||
<li>Miner du Bitcoins, Moneros et Ethereum</li>
|
<li>Miner du Bitcoins, Moneros et Ethereum</li>
|
||||||
<li>Installer Retropie et jouer à des jeux anciens comme le premier Mario
|
<li>Installer Retropie et jouer à des jeux anciens comme le premier Mario
|
||||||
Kart
|
Kart
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item mb-3">
|
<div class="item mb-3">
|
||||||
<div class="item-heading row align-items-center mb-2">
|
<div class="item-heading row align-items-center mb-2">
|
||||||
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Création et
|
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Création et
|
||||||
organisation d'une Visite virtuel
|
organisation d'une Visite virtuel
|
||||||
</h4>
|
</h4>
|
||||||
<div
|
<div
|
||||||
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
|
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
|
||||||
Février 2020
|
Février 2020
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item-content">
|
<div class="item-content">
|
||||||
<p>Mon professeur de lycée et moi avons eu l'idée de créer une visite virtuelle
|
<p>Mon professeur de lycée et moi avons eu l'idée de créer une visite virtuelle
|
||||||
à 360°
|
à 360°
|
||||||
pour permettre à chacun de visiter le lycée depuis le web. J'étais le seul
|
pour permettre à chacun de visiter le lycée depuis le web. J'étais le seul
|
||||||
qui a organisé et créé le projet.
|
qui a organisé et créé le projet.
|
||||||
</p>
|
</p>
|
||||||
<ul class="resume-list">
|
<ul class="resume-list">
|
||||||
<li>Nous devions d'abord créer un menu pour permettre à l'utilisateur de
|
<li>Nous devions d'abord créer un menu pour permettre à l'utilisateur de
|
||||||
naviguer et
|
naviguer et
|
||||||
sélectionne la partie du lycée ou de la section qu'il souhaite voir
|
sélectionne la partie du lycée ou de la section qu'il souhaite voir
|
||||||
(comme
|
(comme
|
||||||
Coiffure, Systèmes Numériques ou Esthétiques).
|
Coiffure, Systèmes Numériques ou Esthétiques).
|
||||||
</li>
|
</li>
|
||||||
<li>Deuxièmement, nous avons acheté une GoPro Max 360 pour prendre les
|
<li>Deuxièmement, nous avons acheté une GoPro Max 360 pour prendre les
|
||||||
photos partout dans le
|
photos partout dans le
|
||||||
lycée, puis nous devions les importer dans le logiciel que nous
|
lycée, puis nous devions les importer dans le logiciel que nous
|
||||||
utilisions <a href="https://www.3dvista.com/">3DVista Virtual Tour</a>
|
utilisions <a href="https://www.3dvista.com/">3DVista Virtual Tour</a>
|
||||||
et créer
|
et créer
|
||||||
les listes des zones que les utilisateurs peuvent visiter.
|
les listes des zones que les utilisateurs peuvent visiter.
|
||||||
</li>
|
</li>
|
||||||
<li>Pour finir, nous avons installé le projet sur le site Web de notre école
|
<li>Pour finir, nous avons installé le projet sur le site Web de notre école
|
||||||
secondaire afin
|
secondaire afin
|
||||||
tout le monde peut le voir.
|
tout le monde peut le voir.
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item mb-3">
|
<div class="item mb-3">
|
||||||
<div class="item-heading row align-items-center mb-2">
|
<div class="item-heading row align-items-center mb-2">
|
||||||
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Service de
|
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Service de
|
||||||
fourniture d'image et de générations d'images
|
fourniture d'image et de générations d'images
|
||||||
</h4>
|
</h4>
|
||||||
<div
|
<div
|
||||||
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
|
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
|
||||||
2018 - 2019 / 2020 - 2021
|
2018 - 2019 / 2020 - 2021
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item-content">
|
<div class="item-content">
|
||||||
<p>Une API est une interface de programmation d'application, plus simplement un
|
<p>Une API est une interface de programmation d'application, plus simplement un
|
||||||
serveur Web
|
serveur Web
|
||||||
permettant aux utilisateurs de demander une image d'une certaine catégorie
|
permettant aux utilisateurs de demander une image d'une certaine catégorie
|
||||||
et une image aléatoire
|
et une image aléatoire
|
||||||
est retourné, ainsi que la possibilité d'en demander un généré avec
|
est retourné, ainsi que la possibilité d'en demander un généré avec
|
||||||
l'image envoyée dans les paramètres de la requête.
|
l'image envoyée dans les paramètres de la requête.
|
||||||
<br><br>Au fil du temps, de plus en plus d'utilisateurs ont commencé à
|
<br><br>Au fil du temps, de plus en plus d'utilisateurs ont commencé à
|
||||||
l'utiliser ainsi notre hébergement
|
l'utiliser ainsi notre hébergement
|
||||||
a rapidement manqué de ressources et des ralentissements ont été remarqués,
|
a rapidement manqué de ressources et des ralentissements ont été remarqués,
|
||||||
nous avons donc décidé
|
nous avons donc décidé
|
||||||
pour fermer l'API au public et la garder en privé, mais en 2020, nous avons
|
pour fermer l'API au public et la garder en privé, mais en 2020, nous avons
|
||||||
eu l'idée de créer un package npmjs <a
|
eu l'idée de créer un package npmjs <a
|
||||||
href="https://www.npmjs.com/package/discord-image-generation">discord-image-generation</a>
|
href="https://www.npmjs.com/package/discord-image-generation">discord-image-generation</a>
|
||||||
pour résoudre le problème de ressources, toutes les générations se font
|
pour résoudre le problème de ressources, toutes les générations se font
|
||||||
désormais sur le client côté.
|
désormais sur le client côté.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item mb-3">
|
<div class="item mb-3">
|
||||||
<div class="item-heading row align-items-center mb-2">
|
<div class="item-heading row align-items-center mb-2">
|
||||||
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Instagram Bot</h4>
|
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Instagram Bot</h4>
|
||||||
<div
|
<div
|
||||||
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
|
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
|
||||||
Août 2020
|
Août 2020
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item-content">
|
<div class="item-content">
|
||||||
<p>Je cherchais une nouvelle idée sur Internet lorsque j'ai trouvé <a
|
<p>Je cherchais une nouvelle idée sur Internet lorsque j'ai trouvé <a
|
||||||
href="https://insta.js.org/"> Insta.js </a> une librairie instagram
|
href="https://insta.js.org/"> Insta.js </a> une librairie instagram
|
||||||
permettant d'utiliser
|
permettant d'utiliser
|
||||||
les principales fonctionnalités de chat d'Instagram. J'ai donc décidé de le
|
les principales fonctionnalités de chat d'Instagram. J'ai donc décidé de le
|
||||||
tester et de créer mon
|
tester et de créer mon
|
||||||
premier projet github open source <a
|
premier projet github open source <a
|
||||||
href="https://github.com/Mr-KayJayDee/instagram-bot">instagram-bot.</a>
|
href="https://github.com/Mr-KayJayDee/instagram-bot">instagram-bot.</a>
|
||||||
<br>
|
<br>
|
||||||
<br>
|
<br>
|
||||||
Les principales fonctionnalités de ce bots sont des générations d'images qui
|
Les principales fonctionnalités de ce bots sont des générations d'images qui
|
||||||
utilisent <a
|
utilisent <a
|
||||||
href="https://www.npmjs.com/package/discord-image-generation">discord-image-generation</a>
|
href="https://www.npmjs.com/package/discord-image-generation">discord-image-generation</a>
|
||||||
et prend l'avatar de l'utilisateur pour créer les images. Il dispose d'une base de
|
et prend l'avatar de l'utilisateur pour créer les images. Il dispose d'une base de
|
||||||
données pour permettre
|
données pour permettre
|
||||||
l'utilisateur de changer le préfixe des commandes de tous les groupes et
|
l'utilisateur de changer le préfixe des commandes de tous les groupes et
|
||||||
messages privés.
|
messages privés.
|
||||||
Il dispose également d'une commande de bingo pour le chat en groupe,
|
Il dispose également d'une commande de bingo pour le chat en groupe,
|
||||||
l'objectif de ce jeu est
|
l'objectif de ce jeu est
|
||||||
de trouver un numéro généré au hasard en proposant un numéro dans le chat.
|
de trouver un numéro généré au hasard en proposant un numéro dans le chat.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item mb-3">
|
<div class="item mb-3">
|
||||||
<div class="item-heading row align-items-center mb-2">
|
<div class="item-heading row align-items-center mb-2">
|
||||||
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">
|
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">
|
||||||
Discord Crowdin Status <a
|
Discord Crowdin Status <a
|
||||||
href="https://github.com/Mr-KayJayDee/discord-crowdin-status">Lien</a>
|
href="https://github.com/Mr-KayJayDee/discord-crowdin-status">Lien</a>
|
||||||
</h4>
|
</h4>
|
||||||
<div
|
<div
|
||||||
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
|
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
|
||||||
Décembre 2020
|
Décembre 2020
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item-content">
|
<div class="item-content">
|
||||||
<p>Pendant mon temps libre, j'ai visité des serveur Discord aléatoires sur lesquels j'étais et j'ai vu channel où
|
<p>Pendant mon temps libre, j'ai visité des serveur Discord aléatoires sur lesquels j'étais et j'ai vu channel où
|
||||||
un utilisateur avait du mal à gérer et afficher le pourcentage de traduction qui était terminé,
|
un utilisateur avait du mal à gérer et afficher le pourcentage de traduction qui était terminé,
|
||||||
en éditant son message chaque jour. Alors une idée m'est venue "puis-je
|
en éditant son message chaque jour. Alors une idée m'est venue "puis-je
|
||||||
le rendre automatique?". J'ai cherché un peu dans la documentation de <a href="https://crowdin.com/">Crowdin</a> et
|
le rendre automatique?". J'ai cherché un peu dans la documentation de <a href="https://crowdin.com/">Crowdin</a> et
|
||||||
j'ai trouvé que nous pouvions faire des demandes à leur API et obtenir tous les
|
j'ai trouvé que nous pouvions faire des demandes à leur API et obtenir tous les
|
||||||
statistiques sur les traductions.</a>
|
statistiques sur les traductions.</a>
|
||||||
<br><br>Toutes les informations de mises à jour depuis <a href="https://support.crowdin.com/">l'API de Crowdin</a>, et sont ensuite manipulées pour créer un embed <a href="https//discord.js.org/">Discord.js</a>
|
<br><br>Toutes les informations de mises à jour depuis <a href="https://support.crowdin.com/">l'API de Crowdin</a>, et sont ensuite manipulées pour créer un embed <a href="https//discord.js.org/">Discord.js</a>
|
||||||
<br>Voici les informations importantes sur ce projet:
|
<br>Voici les informations importantes sur ce projet:
|
||||||
</p>
|
</p>
|
||||||
<ul class="resume-list">
|
<ul class="resume-list">
|
||||||
<li>Il est facile pour tout le monde de l'installer et de le configurer et cela ne prend pas
|
<li>Il est facile pour tout le monde de l'installer et de le configurer et cela ne prend pas
|
||||||
plus de 30 Mo de RAM en utilisation.
|
plus de 30 Mo de RAM en utilisation.
|
||||||
</li>
|
</li>
|
||||||
<li>Tout peut être configuré, du canal de statut Discord au
|
<li>Tout peut être configuré, du canal de statut Discord au
|
||||||
délais entre chaque mise à jour ou la possibilité d'afficher le lien du projet dans
|
délais entre chaque mise à jour ou la possibilité d'afficher le lien du projet dans
|
||||||
le message ou pas.
|
le message ou pas.
|
||||||
</li>
|
</li>
|
||||||
<li>La meilleure partie est qu'il ne m'a fallu que 30 minutes pour comprendre l'API et
|
<li>La meilleure partie est qu'il ne m'a fallu que 30 minutes pour comprendre l'API et
|
||||||
coder le projet. Ainsi chacun a la capacité de se simplifier la vie
|
coder le projet. Ainsi chacun a la capacité de se simplifier la vie
|
||||||
et d'optimiser leurs environnements de travail en
|
et d'optimiser leurs environnements de travail en
|
||||||
créant un projet comme celui-ci.
|
créant un projet comme celui-ci.
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item mb-3">
|
<div class="item mb-3">
|
||||||
<div class="item-heading row align-items-center mb-2">
|
<div class="item-heading row align-items-center mb-2">
|
||||||
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Amandine Bot Discord</h4>
|
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Amandine Bot Discord</h4>
|
||||||
<div
|
<div
|
||||||
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
|
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
|
||||||
Janvier 2019
|
Janvier 2019
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item-content">
|
<div class="item-content">
|
||||||
<p>Amandine est un bot polyvalent qui peut aider les gens à créer et gérer leur
|
<p>Amandine est un bot polyvalent qui peut aider les gens à créer et gérer leur
|
||||||
serveurs discord.
|
serveurs discord.
|
||||||
<br>Ce bot discord est mon tout premier projet et il l'est toujours aujourd'hui
|
<br>Ce bot discord est mon tout premier projet et il l'est toujours aujourd'hui
|
||||||
activement maintenu, je travaille dur tous les jours sur de nouvelles fonctionnalités et améliorations
|
activement maintenu, je travaille dur tous les jours sur de nouvelles fonctionnalités et améliorations
|
||||||
pour en améliorer la facilité d'utilisation. Je veux juste que les gens apprécient
|
pour en améliorer la facilité d'utilisation. Je veux juste que les gens apprécient
|
||||||
l'utiliser et comprennent rapidement comment il fonctionne, avec des fonctionnalités telles que:
|
l'utiliser et comprennent rapidement comment il fonctionne, avec des fonctionnalités telles que:
|
||||||
</p>
|
</p>
|
||||||
<ul class="resume-list">
|
<ul class="resume-list">
|
||||||
<li>Un système de modération complet avec logs de tout sur le serveur pour
|
<li>Un système de modération complet avec logs de tout sur le serveur pour
|
||||||
permettre aux modérateurs de savoir qui fait quoi sur le serveur et d'avoir un
|
permettre aux modérateurs de savoir qui fait quoi sur le serveur et d'avoir un
|
||||||
aperçu de la structure du serveur</li>
|
aperçu de la structure du serveur</li>
|
||||||
<li>De nombreuses générations d'images et d'images qui utilisent le package <a
|
<li>De nombreuses générations d'images et d'images qui utilisent le package <a
|
||||||
href="https://www.npmjs.com/package/discord-image-generation">discord-image-generation</a>
|
href="https://www.npmjs.com/package/discord-image-generation">discord-image-generation</a>
|
||||||
et la base de données d'images que nous avons sur notre serveur.</li>
|
et la base de données d'images que nous avons sur notre serveur.</li>
|
||||||
<li>Les outils sont là pour vous aider avec votre vie quotidienne et les jeux sont
|
<li>Les outils sont là pour vous aider avec votre vie quotidienne et les jeux sont
|
||||||
aussi la pour rendre vos jours meilleurs.</li>
|
aussi la pour rendre vos jours meilleurs.</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section class="project-section py-3">
|
<section class="project-section py-3">
|
||||||
<h3 class="text-uppercase resume-section-heading mb-4">Projects futurs</h3>
|
<h3 class="text-uppercase resume-section-heading mb-4">Projects futurs</h3>
|
||||||
<div class="item mb-3">
|
<div class="item mb-3">
|
||||||
<div class="item-heading row align-items-center mb-2">
|
<div class="item-heading row align-items-center mb-2">
|
||||||
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Advert Zone
|
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Advert Zone
|
||||||
</h4>
|
</h4>
|
||||||
<div
|
<div
|
||||||
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
|
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
|
||||||
Not Started
|
Not Started
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item-content">
|
<div class="item-content">
|
||||||
<p>Advert Zone sera un site Web qui permettra à chacun de faire de la publicité pour ses
|
<p>Advert Zone sera un site Web qui permettra à chacun de faire de la publicité pour ses
|
||||||
communautés. Il sera facile pour tout le monde de développer son serveur avec un système
|
communautés. Il sera facile pour tout le monde de développer son serveur avec un système
|
||||||
cela mettra en valeur les petites communautés et les aidera.</p>
|
cela mettra en valeur les petites communautés et les aidera.</p>
|
||||||
<br>Maintenant, qui pourra faire de la publicité?
|
<br>Maintenant, qui pourra faire de la publicité?
|
||||||
<ul class="resume-list">
|
<ul class="resume-list">
|
||||||
<li>Les propriétaires de bots et de serveurs Discord</li>
|
<li>Les propriétaires de bots et de serveurs Discord</li>
|
||||||
<li>Youtubeurs, créateurs de contenu, dessinateur, musiciens, chanteurs (artistes)</li>
|
<li>Youtubeurs, créateurs de contenu, dessinateur, musiciens, chanteurs (artistes)</li>
|
||||||
<li>Les petites entreprises comme la boutique en ligne, etc.</li>
|
<li>Les petites entreprises comme la boutique en ligne, etc.</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
<aside class="resume-aside col-12 col-lg-4 col-xl-3 px-lg-4 pb-lg-4">
|
<aside class="resume-aside col-12 col-lg-4 col-xl-3 px-lg-4 pb-lg-4">
|
||||||
<section class="skills-section py-3">
|
<section class="skills-section py-3">
|
||||||
<h3 class="text-uppercase resume-section-heading mb-4">Compétences</h3>
|
<h3 class="text-uppercase resume-section-heading mb-4">Compétences</h3>
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<h4 class="item-title">Programmation</h4>
|
<h4 class="item-title">Programmation</h4>
|
||||||
<ul class="list-unstyled resume-skills-list">
|
<ul class="list-unstyled resume-skills-list">
|
||||||
<li class="mb-2">JavaScript</li>
|
<li class="mb-2">JavaScript</li>
|
||||||
<li class="mb-2">HTML/CSS</li>
|
<li class="mb-2">HTML/CSS</li>
|
||||||
<li class="mb-2">Node.js</li>
|
<li class="mb-2">Node.js</li>
|
||||||
<li class="mb-2">Conception orientée objet</li>
|
<li class="mb-2">Conception orientée objet</li>
|
||||||
<li class="mb-2">Concevoir et mettre en œuvre des structures de base de données</li>
|
<li class="mb-2">Concevoir et mettre en œuvre des structures de base de données</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<h4 class="item-title">Technique</h4>
|
<h4 class="item-title">Technique</h4>
|
||||||
<ul class="list-unstyled resume-skills-list">
|
<ul class="list-unstyled resume-skills-list">
|
||||||
<li class="mb-2">Maintenance informatique</li>
|
<li class="mb-2">Maintenance informatique</li>
|
||||||
<li class="mb-2">Peut aider sur de nombreuses choses liées à l'informatique</li>
|
<li class="mb-2">Peut aider sur de nombreuses choses liées à l'informatique</li>
|
||||||
<li class="mb-2">Solide résolution de problèmes</li>
|
<li class="mb-2">Solide résolution de problèmes</li>
|
||||||
<li class="mb-2">Bonne gestion du temps</li>
|
<li class="mb-2">Bonne gestion du temps</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section class="education-section py-3">
|
<section class="education-section py-3">
|
||||||
<h3 class="text-uppercase resume-section-heading mb-4">Éducation</h3>
|
<h3 class="text-uppercase resume-section-heading mb-4">Éducation</h3>
|
||||||
<ul class="list-unstyled resume-education-list">
|
<ul class="list-unstyled resume-education-list">
|
||||||
<li class="mb-3">
|
<li class="mb-3">
|
||||||
<div class="resume-degree font-weight-bold">Lycée LISA (Lycée De
|
<div class="resume-degree font-weight-bold">Lycée LISA (Lycée De
|
||||||
l'Image et du Son d'Angoulême)</div>
|
l'Image et du Son d'Angoulême)</div>
|
||||||
<div class="resume-degree-org text-muted">Je voulait commencer à créer et à mixer
|
<div class="resume-degree-org text-muted">Je voulait commencer à créer et à mixer
|
||||||
musique</div>
|
musique</div>
|
||||||
<div class="resume-degree-time text-muted">2018 - 2019</div>
|
<div class="resume-degree-time text-muted">2018 - 2019</div>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<div class="resume-degree font-weight-bold">Lycée Pierre André Chabanne
|
<div class="resume-degree font-weight-bold">Lycée Pierre André Chabanne
|
||||||
</div>
|
</div>
|
||||||
<div class="resume-degree-org text-muted">BAC professionnel, systèmes numériques
|
<div class="resume-degree-org text-muted">BAC professionnel, systèmes numériques
|
||||||
</div>
|
</div>
|
||||||
<div class="resume-degree-time text-muted">2019 - 2021</div>
|
<div class="resume-degree-time text-muted">2019 - 2021</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
<section class="education-section py-3">
|
<section class="education-section py-3">
|
||||||
<h3 class="text-uppercase resume-section-heading mb-4">Diplomes</h3>
|
<h3 class="text-uppercase resume-section-heading mb-4">Diplomes</h3>
|
||||||
<ul class="list-unstyled resume-awards-list">
|
<ul class="list-unstyled resume-awards-list">
|
||||||
<li class="mb-3">
|
<li class="mb-3">
|
||||||
<div class="font-weight-bold">Diplome National du Brevet</div>
|
<div class="font-weight-bold">Diplome National du Brevet</div>
|
||||||
<div class="text-muted">Obtenu en 2018</div>
|
<div class="text-muted">Obtenu en 2018</div>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<div class="font-weight-bold">Baccalauréat</div>
|
<div class="font-weight-bold">Baccalauréat</div>
|
||||||
<div class="text-muted">Obtenu prochainement (2021)</div>
|
<div class="text-muted">Obtenu prochainement (2021)</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
<section class="skills-section py-3">
|
<section class="skills-section py-3">
|
||||||
<h3 class="text-uppercase resume-section-heading mb-4">Langages</h3>
|
<h3 class="text-uppercase resume-section-heading mb-4">Langages</h3>
|
||||||
<ul class="list-unstyled resume-lang-list">
|
<ul class="list-unstyled resume-lang-list">
|
||||||
<li class="mb-2">Français <span class="text-muted">(Natif)</span></li>
|
<li class="mb-2">Français <span class="text-muted">(Natif)</span></li>
|
||||||
<li class="mb-2">Anglais <span class="text-muted">(LV2)</span></li>
|
<li class="mb-2">Anglais <span class="text-muted">(LV2)</span></li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
<section class="skills-section py-3">
|
<section class="skills-section py-3">
|
||||||
<h3 class="text-uppercase resume-section-heading mb-4">Centres d'intérêts</h3>
|
<h3 class="text-uppercase resume-section-heading mb-4">Centres d'intérêts</h3>
|
||||||
<ul class="list-unstyled resume-interests-list mb-0">
|
<ul class="list-unstyled resume-interests-list mb-0">
|
||||||
<li class="mb-2">Photographie</li>
|
<li class="mb-2">Photographie</li>
|
||||||
<li class="mb-2">Kayak</li>
|
<li class="mb-2">Kayak</li>
|
||||||
<li class="mb-2">Voyages</li>
|
<li class="mb-2">Voyages</li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
</aside>
|
</aside>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr>
|
||||||
<div class="resume-footer text-center">
|
<div class="resume-footer text-center">
|
||||||
<ul class="resume-social-list list-inline mx-auto mb-0 d-inline-block text-muted">
|
<ul class="resume-social-list list-inline mx-auto mb-0 d-inline-block text-muted">
|
||||||
<li class="list-inline-item mb-lg-0 mr-3"><a class="resume-link"
|
<li class="list-inline-item mb-lg-0 mr-3"><a class="resume-link"
|
||||||
href="https://github.com/Mr-KayJayDee" target="_blank"><i
|
href="https://github.com/Mr-KayJayDee" target="_blank"><i
|
||||||
class="fab fa-github-square fa-2x mr-2" data-fa-transform="down-4"></i><span
|
class="fab fa-github-square fa-2x mr-2" data-fa-transform="down-4"></i><span
|
||||||
class="d-none d-lg-inline-block text-muted">Mr-KayJayDee</span></a></li>
|
class="d-none d-lg-inline-block text-muted">Mr-KayJayDee</span></a></li>
|
||||||
<li class="list-inline-item mb-lg-0 mr-3"><a class="resume-link"
|
<li class="list-inline-item mb-lg-0 mr-3"><a class="resume-link"
|
||||||
href="https://www.linkedin.com/in/killian-dal-cin/" target="_blank"><i
|
href="https://www.linkedin.com/in/killian-dal-cin/" target="_blank"><i
|
||||||
class="fab fa-linkedin fa-2x mr-2" data-fa-transform="down-4"></i><span
|
class="fab fa-linkedin fa-2x mr-2" data-fa-transform="down-4"></i><span
|
||||||
class="d-none d-lg-inline-block text-muted">linkedin.com/in/killian-dal-cin</span></a></li>
|
class="d-none d-lg-inline-block text-muted">linkedin.com/in/killian-dal-cin</span></a></li>
|
||||||
<li class="list-inline-item mb-lg-0 mr-lg-3"><a class="resume-link"
|
<li class="list-inline-item mb-lg-0 mr-lg-3"><a class="resume-link"
|
||||||
href="https://twitter.com/killiandalcin" target="_blank"><i
|
href="https://twitter.com/killiandalcin" target="_blank"><i
|
||||||
class="fab fa-twitter-square fa-2x mr-2" data-fa-transform="down-4"></i><span
|
class="fab fa-twitter-square fa-2x mr-2" data-fa-transform="down-4"></i><span
|
||||||
class="d-none d-lg-inline-block text-muted">@killiandalcin</span></a></li>
|
class="d-none d-lg-inline-block text-muted">@killiandalcin</span></a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
<footer class="footer text-center py-4">
|
<footer class="footer text-center py-4">
|
||||||
<small class="copyright text-muted">Créé avec <i class="fas fa-heart"></i> par <a class="theme-link"
|
<small class="copyright text-muted">Créé avec <i class="fas fa-heart"></i> par <a class="theme-link"
|
||||||
href="https://github.com/Mr-KayJayDee" target="_blank">Mr¤KayJayDee</a> (Killian' DAL-CIN), <a
|
href="https://github.com/Mr-KayJayDee" target="_blank">Mr¤KayJayDee</a> (Killian' DAL-CIN), <a
|
||||||
href="/assets/documents/[FR] CV Killian' Dal-Cin.pdf" download>Cliquez-ici</a> pour télécharger mon CV.</small>
|
href="documents/[FR] CV Killian' Dal-Cin.pdf" download>Cliquez-ici</a> pour télécharger mon CV.</small>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -1,17 +1,17 @@
|
|||||||
const express = require('express');
|
const express = require('express');
|
||||||
const app = express();
|
const app = express();
|
||||||
const port = 2255;
|
const port = 2255;
|
||||||
|
|
||||||
app.use(express.static(`assets`));
|
app.use(express.static(`assets`));
|
||||||
|
|
||||||
app.listen(port, `127.0.0.1`);
|
app.listen(port, `127.0.0.1`);
|
||||||
|
|
||||||
console.log(`Portfolio online on port : ` + port);
|
console.log(`Portfolio online on port : ` + port);
|
||||||
|
|
||||||
app.get('/', (req, res) => {
|
app.get('/', (req, res) => {
|
||||||
res.sendFile(__dirname + `/index.html`);
|
res.sendFile(__dirname + `/index.html`);
|
||||||
})
|
})
|
||||||
|
|
||||||
app.get('/fr-FR', (req, res) => {
|
app.get('/fr-FR', (req, res) => {
|
||||||
res.sendFile(__dirname + `/french.html`);
|
res.sendFile(__dirname + `/french.html`);
|
||||||
})
|
})
|
||||||
|
|||||||
Loading…
Reference in New Issue