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.
373 lines
18 KiB
HTML
373 lines
18 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<title>Killian' DAL-CIN Resume</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="The portfolio of 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="fontawesome/js/all.min.js"></script>
|
|
<link id="theme-style" rel="stylesheet" href="css/styles.css">
|
|
</head>
|
|
|
|
<body>
|
|
<a class="langButton" style="float: right; margin-right: 20px;" href="fr-FR"><img src="images/french.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">Beginner Fullstack Developer</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:+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
|
|
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"
|
|
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>
|
|
</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="images/resume-profile.png" alt="image">
|
|
<div class="media-body text-left">
|
|
<p class="mb-0">My name is Killian 'DAL-CIN, I am 18 years old, I am passionate about
|
|
programming, photography, music and sports. Let's talk a bit of my history, I was 15 and
|
|
a friend told me about Discord that is a Social Network mainly for gamers. As he said I
|
|
tried, it was hard for me to understand but I managed to create my first server and
|
|
invite/configure my first bots. I quickly noticed that I needed to invite from 5 to 10
|
|
bots on the server to do everything I wanted. Thats's where it came the idea of creating
|
|
my own discord bot. With one objective always in my head today: "Create a bot that will
|
|
cover all bot features". Then I searched how to create one and found out that I needed
|
|
to learn a programming language that is the 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">Work Experiences</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">Explored all the
|
|
capabilities of a Raspberry
|
|
</h4>
|
|
<div
|
|
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
|
|
February 2021
|
|
</div>
|
|
</div>
|
|
<div class="item-content">
|
|
<p>My high school teacher gave me a Raspberry PI 3b+ for 2 week, this was for me
|
|
an opportunity to explore what we can do and the power of this litle
|
|
computer, I can say I enjoyed playing with it. Here is a list of what I did:
|
|
</p>
|
|
<ul class="resume-list">
|
|
<li>Create a NAS with the Synology OS</li>
|
|
<li>Install the desktop environment (+ install Wifi Manager GUI)</li>
|
|
<li>Use the Raspberry as a Bluetooth speaker (receive bluetooth to transmit
|
|
the sound to a wired speaker) + connect to a Bluetooth speaker with <a
|
|
href="http://www.bluez.org/">Bluez</a>
|
|
</li>
|
|
<li>Install desktop software like Chromium, Minecraft PI or Visual Studio
|
|
Code
|
|
</li>
|
|
<li>Mine Bitcoins, Moneros and Ethereum</li>
|
|
<li>Install Retropie and play some old games like the first 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">Virtual Tour
|
|
Creation And Organization
|
|
</h4>
|
|
<div
|
|
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
|
|
February 2020
|
|
</div>
|
|
</div>
|
|
<div class="item-content">
|
|
<p>My high school teacher and me had an idea to create a Virtual tour with 360°
|
|
vidéos to allow everyone to visit the school from the web. I was the only
|
|
one that organized and created the project.
|
|
</p>
|
|
<ul class="resume-list">
|
|
<li>First we needed to create a menu to allow the user to navigate and
|
|
select the part of the school or section he wants to see (like
|
|
Hairdressing, Aesthétic or Digital Systems).
|
|
</li>
|
|
<li>Secondly we bought a GoPro Max 360 to take the shots everywhere in the
|
|
school, then we needed to import them in the software we used <a
|
|
href="https://www.3dvista.com/">3DVista Virtual Tour</a> and create
|
|
the lists of zones users can visit.
|
|
</li>
|
|
<li>Finnaly we installed the project on our high school website so that
|
|
everyone can see it.
|
|
</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">Image
|
|
database/generation creation
|
|
</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>An API is an Application Programming Interface, more simply, a web server
|
|
allowing users to request an image of a certain category and a random image
|
|
is returned, as well as the possibility of requesting a generated one with
|
|
the image sent in the parameters of the request.
|
|
<br><br>Over time more and more users started to use it and our hosting
|
|
server quickly ran out of resources and slowdowns were noticed so we decided
|
|
to close the API to the public and keep it privately but in 2020 we had the
|
|
idea to create a npmjs package <a
|
|
href="https://www.npmjs.com/package/discord-image-generation">discord-image-generation</a>
|
|
to solve the resource problem, all generations are now done on the client
|
|
side.
|
|
</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">
|
|
August 2020
|
|
</div>
|
|
</div>
|
|
<div class="item-content">
|
|
<p>I was searching on internet for new idea when I found <a
|
|
href="https://insta.js.org/">Insta.js</a> an instagram library to use
|
|
the main chat features of instagram. So I decided to test it and create my
|
|
first open source github project <a
|
|
href="https://github.com/Mr-KayJayDee/instagram-bot">instagram-bot.</a>
|
|
<br><br>This bots main features are images generations that uses <a
|
|
href="https://www.npmjs.com/package/discord-image-generation">discord-image-generation</a>
|
|
and takes the user's avatar to create the images. It has a database to allow
|
|
the user to change the commands prefix of every groups and private messages.
|
|
It also has a bingo command for groups chat, the objective of this game is
|
|
to find and random generated number by proposing number in the 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">Link</a>
|
|
</h4>
|
|
<div
|
|
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
|
|
December 2020
|
|
</div>
|
|
</div>
|
|
<div class="item-content">
|
|
<p>On my free time i visited random discord server i was and saw a channel where
|
|
a guy was struggling with the percentage of translation that was finished,
|
|
by editing his message every single day. So an idea came up to me "can i
|
|
make it automatic ?". I searched a bit on the crowdin documentation and
|
|
found out that we could make requests to their api and get all the
|
|
statistics
|
|
about the translations.</a>
|
|
<br><br>All the translations informations are fetched from the
|
|
<a href="https://support.crowdin.com/">Crowdin API</a>, and then parsed by
|
|
a litle code to create a <a href="https//discord.js.org/">Discord.js</a>
|
|
Embed.
|
|
<br>Here are the important infos on this project:
|
|
</p>
|
|
<ul class="resume-list">
|
|
<li>It is easy for everyone to install and configure and it does not take
|
|
more than 30mb of RAM in use.
|
|
</li>
|
|
<li>Everything can be configured, from the discord status channel to the
|
|
delay beetween every updates or wether to display the project link in
|
|
the message or not.
|
|
</li>
|
|
<li>The best part is that it took me only 30min to understand the api and
|
|
code the project. So everyone has the capacity to simplify their life
|
|
and optimize their working environments by
|
|
creating project like this.
|
|
</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 Discord
|
|
Bot</h4>
|
|
<div
|
|
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
|
|
January 2019
|
|
</div>
|
|
</div>
|
|
<div class="item-content">
|
|
<p>Amandine is a multipurpose bot that can help people create and manage their
|
|
discord servers.
|
|
<br>This discord bot is my very first project and it is today always
|
|
actively maintained, i work hard every days on new features and improvements
|
|
to make the use of it better and better. I just want the people to enjoy
|
|
using it and understanding quickly how she works with features like:
|
|
</p>
|
|
<ul class="resume-list">
|
|
<li>A full moderation system with logging of everything on the server to
|
|
allow moderators to know who is doing what on the server and have a
|
|
preview of the server structure</li>
|
|
<li>Many images and images generations that uses the <a
|
|
href="https://www.npmjs.com/package/discord-image-generation">discord-image-generation</a>
|
|
package and the images database that we have on our server.</li>
|
|
<li>Tools are here to help you with you discord everyday life and game are
|
|
here to make your days better.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="project-section py-3">
|
|
<h3 class="text-uppercase resume-section-heading mb-4">Future Projects</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 will be a website that allow everyone to advertise their
|
|
communities. It will be easy for everyone to grow their server wit a system
|
|
that will highlight little communities and help them.</p>
|
|
<br>Now, who would be able to advertise ?
|
|
<ul class="resume-list">
|
|
<li>Discord Bots and Servers Owners</li>
|
|
<li>Youtubers, Content Creators, Drawer, Musicians, Singers (Artists)</li>
|
|
<li>Small businesses like online shop 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">Skills</h3>
|
|
<div class="item">
|
|
<h4 class="item-title">Programming</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">Object-oriented design</li>
|
|
<li class="mb-2">Design and implement database structures</li>
|
|
</ul>
|
|
</div>
|
|
<div class="item">
|
|
<h4 class="item-title">Technical</h4>
|
|
<ul class="list-unstyled resume-skills-list">
|
|
<li class="mb-2">Computer Maintenance</li>
|
|
<li class="mb-2">Can help on many informatic related things</li>
|
|
<li class="mb-2">Strong problem solving</li>
|
|
<li class="mb-2">Good time management</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
<section class="education-section py-3">
|
|
<h3 class="text-uppercase resume-section-heading mb-4">Education</h3>
|
|
<ul class="list-unstyled resume-education-list">
|
|
<li class="mb-3">
|
|
<div class="resume-degree font-weight-bold">High School LISA (High School Of
|
|
Image And Sound Of Angoulême)</div>
|
|
<div class="resume-degree-org text-muted">Wanted to start creating and mixing
|
|
music</div>
|
|
<div class="resume-degree-time text-muted">2018 - 2019</div>
|
|
</li>
|
|
<li>
|
|
<div class="resume-degree font-weight-bold">High School Pierre André Chabanne
|
|
</div>
|
|
<div class="resume-degree-org text-muted">Professional BAC, Numeric Systems
|
|
</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">Awards</h3>
|
|
<ul class="list-unstyled resume-awards-list">
|
|
<li class="mb-3">
|
|
<div class="font-weight-bold">College diploma</div>
|
|
<div class="text-muted">Obtained in 2018</div>
|
|
</li>
|
|
<li>
|
|
<div class="font-weight-bold">Baccalaureate</div>
|
|
<div class="text-muted">Obtained soon (2021)</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section class="skills-section py-3">
|
|
<h3 class="text-uppercase resume-section-heading mb-4">Languages</h3>
|
|
<ul class="list-unstyled resume-lang-list">
|
|
<li class="mb-2">French <span class="text-muted">(Native)</span></li>
|
|
<li class="mb-2">English <span class="text-muted">(LV2)</span></li>
|
|
</ul>
|
|
</section>
|
|
<section class="skills-section py-3">
|
|
<h3 class="text-uppercase resume-section-heading mb-4">Interests</h3>
|
|
<ul class="list-unstyled resume-interests-list mb-0">
|
|
<li class="mb-2">Photography</li>
|
|
<li class="mb-2">Kayaking</li>
|
|
<li class="mb-2">Travelling</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">Made with <i class="fas fa-heart"></i> by <a class="theme-link"
|
|
href="https://github.com/Mr-KayJayDee" target="_blank">Mr¤KayJayDee</a> (Killian' DAL-CIN), <a
|
|
href="documents/[EN] CV Killian' Dal-Cin.pdf" download>Click Here</a> to download my CV.</small>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |