killian-dalcin
/
portfolio
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
v2
main
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '6ee4a8638a'
${ noResults }
portfolio/french.html

399 lines
20 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<title>Portfolio Killian' DAL-CIN</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Le portfolio de Killian' DAL-CIN">
<meta name="author" content="Killian' DAL-CIN">
<link rel="shortcut icon" href="code.svg">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">
<script defer src="assets/fontawesome/js/all.min.js"></script>
<link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
</head>
<body>
<a class="langButton" style="float: right; margin-right: 20px;" href="/"><img src="/assets/images/english.png"
width="50" height="50"></a>
<div class="main-wrapper">
<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">
<div class="resume-header">
<div class="row align-items-center">
<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>
<div class="resume-tagline mb-3 mb-md-0">Développeur Fullstack débutant</div>
</div>
<div class="resume-contact col-12 col-md-6 col-lg-4 col-xl-3">
<ul class="list-unstyled mb-0">
<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>
<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>
<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>
<li class="mb-0"><i class="fas fa-map-marker-alt fa-fw fa-lg mr-2"></i>32720 Barcelonne-Du-Gers</li>
</ul>
</div>
</div>
</div>
<hr>
<div class="resume-intro py-3">
<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"
src="assets/images/resume-profile.png" alt="image">
<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
programmation, la photographie, la musique et le sport. Parlons un peu de mon histoire,
j'avais 15 ans et
un ami m'a parlé de Discord qui est un réseau social principalement pour les joueurs.
Comme il l'a dit, je
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 à
10
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
mon propre robot discord. Avec un objectif que j'ai toujours en tête aujourd'hui: "Créer
un bot qui va
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
d'apprendre un langage de programmation qu'est le JavaScript.
</p>
</div>
</div>
</div>
<hr>
<div class="resume-body">
<div class="row">
<div class="resume-main col-12 col-lg-8 col-xl-9 pr-0 pr-lg-5">
<section class="work-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Expériences de travail</h3>
<div class="item mb-3">
<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
capacités d'un Raspberry
</h4>
<div
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
Février 2021
</div>
</div>
<div class="item-content">
<p>Mon professeur de lycée m'a prété un Raspberry PI 3b+ pendant 2 semaines,
c'était pour moi
une occasion d'explorer ce qu'on pouvait faire avec et la puissance de ce
petit
ordinateur, je peux dire que j'ai aimé jouer avec. Voici une liste de ce que
j'ai fait:
</p>
<ul class="resume-list">
<li>Créer un NAS avec le système d'exploitation Synology</li>
<li>Installer l'environnement de bureau (+ installer l'interface graphique
du gestionnaire de WiFi)</li>
<li>Utiliser le Raspberry comme haut-parleur Bluetooth (recevoir le
Bluetooth pour transmettre
le son vers un haut-parleur filaire) + connection à un haut-parleur
Bluetooth avec <a href="http://www.bluez.org/">Bluez</a>
</li>
<li>Installer des logiciels de bureau comme Chromium, Minecraft PI ou Visual
Studio
Code
</li>
<li>Miner du Bitcoins, Moneros et Ethereum</li>
<li>Installer Retropie et jouer à des jeux anciens comme le premier Mario
Kart
</li>
</ul>
</div>
</div>
<div class="item mb-3">
<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
organisation d'une Visite virtuel
</h4>
<div
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
Février 2020
</div>
</div>
<div class="item-content">
<p>Mon professeur de lycée et moi avons eu l'idée de créer une visite virtuelle
à 360°
pour permettre à chacun de visiter le lycée depuis le web. J'étais le seul
qui a organisé et créé le projet.
</p>
<ul class="resume-list">
<li>Nous devions d'abord créer un menu pour permettre à l'utilisateur de
naviguer et
sélectionne la partie du lycée ou de la section qu'il souhaite voir
(comme
Coiffure, Systèmes Numériques ou Esthétiques).
</li>
<li>Deuxièmement, nous avons acheté une GoPro Max 360 pour prendre les
photos partout dans le
lycée, puis nous devions les importer dans le logiciel que nous
utilisions <a href="https://www.3dvista.com/">3DVista Virtual Tour</a>
et créer
les listes des zones que les utilisateurs peuvent visiter.
</li>
<li>Pour finir, nous avons installé le projet sur le site Web de notre école
secondaire afin
tout le monde peut le voir.
</li>
</ul>
</div>
</div>
<div class="item mb-3">
<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
fourniture d'image et de générations d'images
</h4>
<div
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
2018 - 2019 / 2020 - 2021
</div>
</div>
<div class="item-content">
<p>Une API est une interface de programmation d'application, plus simplement un
serveur Web
permettant aux utilisateurs de demander une image d'une certaine catégorie
et une image aléatoire
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.
<br><br>Au fil du temps, de plus en plus d'utilisateurs ont commencé à
l'utiliser ainsi notre hébergement
a rapidement manqué de ressources et des ralentissements ont été remarqués,
nous avons donc décidé
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
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
désormais sur le client côté.
</p>
</div>
</div>
<div class="item mb-3">
<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>
<div
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
Août 2020
</div>
</div>
<div class="item-content">
<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
permettant d'utiliser
les principales fonctionnalités de chat d'Instagram. J'ai donc décidé de le
tester et de créer mon
premier projet github open source <a
href="https://github.com/Mr-KayJayDee/instagram-bot">instagram-bot.</a>
<br>
<br>
Les principales fonctionnalités de ce bots sont des générations d'images qui
utilisent <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
données pour permettre
l'utilisateur de changer le préfixe des commandes de tous les groupes et
messages privés.
Il dispose également d'une commande de bingo pour le chat en groupe,
l'objectif de ce jeu est
de trouver un numéro généré au hasard en proposant un numéro dans le chat.
</p>
</div>
</div>
<div class="item mb-3">
<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">
Discord Crowdin Status <a
href="https://github.com/Mr-KayJayDee/discord-crowdin-status">Lien</a>
</h4>
<div
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
Décembre 2020
</div>
</div>
<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ù
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
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
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>Voici les informations importantes sur ce projet:
</p>
<ul class="resume-list">
<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.
</li>
<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
le message ou pas.
</li>
<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
et d'optimiser leurs environnements de travail en
créant un projet comme celui-ci.
</li>
</ul>
</div>
</div>
<div class="item mb-3">
<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>
<div
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
Janvier 2019
</div>
</div>
<div class="item-content">
<p>Amandine est un bot polyvalent qui peut aider les gens à créer et gérer leur
serveurs discord.
<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
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:
</p>
<ul class="resume-list">
<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
aperçu de la structure du serveur</li>
<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>
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
aussi la pour rendre vos jours meilleurs.</li>
</ul>
</div>
</div>
</section>
<section class="project-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Projects futurs</h3>
<div class="item mb-3">
<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>
<div
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
Not Started
</div>
</div>
<div class="item-content">
<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
cela mettra en valeur les petites communautés et les aidera.</p>
<br>Maintenant, qui pourra faire de la publicité?
<ul class="resume-list">
<li>Les propriétaires de bots et de serveurs Discord</li>
<li>Youtubeurs, créateurs de contenu, dessinateur, musiciens, chanteurs (artistes)</li>
<li>Les petites entreprises comme la boutique en ligne, etc.</li>
</ul>
</div>
</div>
</section>
</div>
<aside class="resume-aside col-12 col-lg-4 col-xl-3 px-lg-4 pb-lg-4">
<section class="skills-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Compétences</h3>
<div class="item">
<h4 class="item-title">Programmation</h4>
<ul class="list-unstyled resume-skills-list">
<li class="mb-2">JavaScript</li>
<li class="mb-2">HTML/CSS</li>
<li class="mb-2">Node.js</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>
</ul>
</div>
<div class="item">
<h4 class="item-title">Technique</h4>
<ul class="list-unstyled resume-skills-list">
<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">Solide résolution de problèmes</li>
<li class="mb-2">Bonne gestion du temps</li>
</ul>
</div>
</section>
<section class="education-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Éducation</h3>
<ul class="list-unstyled resume-education-list">
<li class="mb-3">
<div class="resume-degree font-weight-bold">Lycée LISA (Lycée De
l'Image et du Son d'Angoulême)</div>
<div class="resume-degree-org text-muted">Je voulait commencer à créer et à mixer
musique</div>
<div class="resume-degree-time text-muted">2018 - 2019</div>
</li>
<li>
<div class="resume-degree font-weight-bold">Lycée Pierre André Chabanne
</div>
<div class="resume-degree-org text-muted">BAC professionnel, systèmes numériques
</div>
<div class="resume-degree-time text-muted">2019 - 2021</div>
</li>
</ul>
</section>
<section class="education-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Diplomes</h3>
<ul class="list-unstyled resume-awards-list">
<li class="mb-3">
<div class="font-weight-bold">Diplome National du Brevet</div>
<div class="text-muted">Obtenu en 2018</div>
</li>
<li>
<div class="font-weight-bold">Baccalauréat</div>
<div class="text-muted">Obtenu prochainement (2021)</div>
</li>
</ul>
</section>
<section class="skills-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Langages</h3>
<ul class="list-unstyled resume-lang-list">
<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>
</ul>
</section>
<section class="skills-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Centres d'intérêts</h3>
<ul class="list-unstyled resume-interests-list mb-0">
<li class="mb-2">Photographie</li>
<li class="mb-2">Kayak</li>
<li class="mb-2">Voyages</li>
</ul>
</section>
</aside>
</div>
</div>
<hr>
<div class="resume-footer text-center">
<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"
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="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"
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="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"
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="d-none d-lg-inline-block text-muted">@killiandalcin</span></a></li>
</ul>
</div>
</article>
</div>
<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"
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>
</footer>
</div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink