aminecmi
434 lines
15 KiB
HTML
434 lines
15 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head>
|
||
<title>Amine Bouabdallaoui</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<link rel="icon" href="favicon.ico" type="image/x-icon">
|
||
<meta charset="UTF-8">
|
||
<link rel="stylesheet" href="css/main.bundle.css">
|
||
<script src="https://kit.fontawesome.com/4e5a72c756.js"></script>
|
||
</head>
|
||
|
||
<body>
|
||
<nav class="navbar is-primary" role="navigation" aria-label="main navigation">
|
||
<div class="navbar-brand">
|
||
<div class="navbar-item is-hidden-desktop">
|
||
<a href="https://github.com/aminecmi" class="icon is-large has-text-light">
|
||
<i class="fab fa-2x fa-github"></i>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="navbar-menu">
|
||
<div class="navbar-end">
|
||
<div class="navbar-item">
|
||
<a href="https://github.com/aminecmi" class="icon is-large has-text-light">
|
||
<i class="fab fa-2x fa-github"></i>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<section class="hero is-primary">
|
||
<div class="hero-body">
|
||
<div class="container">
|
||
<div class="level">
|
||
<div class="level-item has-text-centered">
|
||
<figure class="image is-128x128">
|
||
<img class="is-rounded" src="img/me-big.jpg">
|
||
</figure>
|
||
</div>
|
||
</div>
|
||
<div class="columns has-text-centered">
|
||
<div class="column">
|
||
<h1 class="title is-1">
|
||
Amine Bouabdallaoui
|
||
</h1>
|
||
<h2 class="subtitle">
|
||
Développeur Java, JS, Kotlin/Android FullStack, avec une pointe de DevOps
|
||
</h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section">
|
||
<div class="container">
|
||
<h1 class="title">Je suis passionné par l'informatique</h1>
|
||
<hr />
|
||
<p>
|
||
Je fais du Java/Scala pour le back, Angular et un peu de React pour le front, avec un brin de Cordova, au boulot.
|
||
</p>
|
||
<p>
|
||
Chez moi, je m'amuse à développer des apps android en Kotlin (toutes open-source sur Github)
|
||
</p>
|
||
<p>
|
||
Je m'amuse aussi à héberger le maximum des services que j'utilise sur mon serveur perso.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
<section class="section">
|
||
<div class="container">
|
||
<h1 class="title">Expériences professionnelles</h1>
|
||
<hr />
|
||
<div class="card">
|
||
<div class="card-content">
|
||
<div class="media">
|
||
<div class="media-left">
|
||
<figure class="image is-64x64">
|
||
<img src="img/wecook-logo.svg" alt="Wecook">
|
||
</figure>
|
||
</div>
|
||
<div class="media-content">
|
||
<p class="title is-4">WeCook We Care (By Alantaya)</p>
|
||
<p class="subtitle is-6">Développeur FullStack - <time datetime="2013-9">Février 2017</time> - <time
|
||
datetime="now">Aujourd'hui</time> </p>
|
||
</div>
|
||
</div>
|
||
<div class="content">
|
||
<ul>
|
||
<li>Développement de microservices utilisant Spring, Neo4J et Kafka.</li>
|
||
<li>Développement Front utilisant Angular 5 et NodeJS.</li>
|
||
<li>Développement mobile avec Cordova.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card card-gap">
|
||
<div class="card-content">
|
||
<div class="media">
|
||
<div class="media-left">
|
||
<figure class="image is-64x64">
|
||
<img src="img/wecook-logo.svg" alt="Wecook">
|
||
</figure>
|
||
</div>
|
||
<div class="media-content">
|
||
<p class="title is-4">WeCook (By Kiwings)</p>
|
||
<p class="subtitle is-6">Développeur Web, Mobile, Backend - <time datetime="2013-9">Septembre 2013</time> - <time
|
||
datetime="2017-2">Février 2017</time> </p>
|
||
</div>
|
||
</div>
|
||
<div class="content">
|
||
<ul>
|
||
<li>Développement back en Scala et utilisation de PlayFramework</li>
|
||
<li>Développement Front avec AngularJs, ScalaJS, ScalaReact, ScalaCSS.</li>
|
||
<li>Développement Mobile avec SteroidsJs, Ionic et AngularJs</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card card-gap">
|
||
<div class="card-content">
|
||
<div class="media">
|
||
<div class="media-left">
|
||
<figure class="image is-64x64">
|
||
<img src="img/cityzen-logo.jpg" alt="CityzenCar">
|
||
</figure>
|
||
</div>
|
||
<div class="media-content">
|
||
<p class="title is-4">CityzenCar</p>
|
||
<p class="subtitle is-6">Développeur Web - <time datetime="2012-8">Aout 2012</time> - <time
|
||
datetime="2017-9">Aout 2013</time></p>
|
||
</div>
|
||
</div>
|
||
<div class="content">
|
||
<ul>
|
||
<li>Développements sur divers projets de la start-up</li>
|
||
<li>Installation et configuration de plusieurs serveurs</li>
|
||
<li>Utilisation de diverses API tel que API Cloud OVH, et IDN La Poste</li>
|
||
<li>Intégration d'un moteur d'indexation et de recherche Elasticsearch</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card card-gap">
|
||
<div class="card-content">
|
||
<div class="media">
|
||
<div class="media-left">
|
||
<figure class="image is-64x64">
|
||
<img src="img/nextformation-logo.png" alt="NextFormation">
|
||
</figure>
|
||
</div>
|
||
<div class="media-content">
|
||
<p class="title is-4">NextFormation</p>
|
||
<p class="subtitle is-6">Développeur Web - <time datetime="2011-4">Avril 2011</time> - <time
|
||
datetime="2011-6">Juin 2011</time></p>
|
||
</div>
|
||
</div>
|
||
<div class="content">
|
||
<ul>
|
||
<li>Développement Web : PHP, HTML, CSS, JavaScript, AJAX, Zend</li>
|
||
<li>Développement d'une plate-forme d'apprentissage pour l'entreprise</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section">
|
||
<div class="container">
|
||
<h1 class="title">Compétences</h1>
|
||
<hr />
|
||
<div class="tile is-ancestor">
|
||
<div class="tile is-vertical is-12">
|
||
<div class="tile">
|
||
<div class="tile is-parent">
|
||
<article class="tile is-child notification">
|
||
<p class="title">Langages de programmation</p>
|
||
<p class="content">
|
||
<ul>
|
||
<li>Kotlin</li>
|
||
<li>Java</li>
|
||
<li>Javascript</li>
|
||
<li>Typescript</li>
|
||
<li>ECMAScript 6</li>
|
||
<li>Scala</li>
|
||
<li>PHP</li>
|
||
<li>Bash</li>
|
||
</ul>
|
||
</p>
|
||
</article>
|
||
</div>
|
||
<div class="tile is-parent">
|
||
<article class="tile is-child notification">
|
||
<p class="title">Front</p>
|
||
<p class="content">
|
||
<ul>
|
||
<li>Angular 1.5 et >= 2</li>
|
||
<li>Bootstrap</li>
|
||
<li>Bulma</li>
|
||
<li>React (ScalaReact)</li>
|
||
<li>MeteorJs</li>
|
||
</ul>
|
||
</p>
|
||
</article>
|
||
</div>
|
||
<div class="tile is-parent">
|
||
<article class="tile is-child notification">
|
||
<p class="title">Mobile</p>
|
||
<p class="content">
|
||
<ul>
|
||
<li>Java</li>
|
||
<li>Kotlin</li>
|
||
<li>PhoneGap/Cordova</li>
|
||
<li>SteroidsJS</li>
|
||
<li>Ionic</li>
|
||
</ul>
|
||
</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tile is-ancestor">
|
||
<div class="tile is-vertical is-12">
|
||
<div class="tile">
|
||
<div class="tile is-parent">
|
||
<article class="tile is-child notification">
|
||
<p class="title">Back</p>
|
||
<p class="content">
|
||
<ul>
|
||
<li>Spring 4 (Core, MVC, Data, Security, AOP)</li>
|
||
<li>Hibernate</li>
|
||
<li>Kafka</li>
|
||
<li>Stack ELK</li>
|
||
<li>Nginx</li>
|
||
<li>Apache server</li>
|
||
</ul>
|
||
</p>
|
||
</article>
|
||
</div>
|
||
<div class="tile is-parent">
|
||
<article class="tile is-child notification">
|
||
<p class="title">BDD</p>
|
||
<p class="content">
|
||
<ul>
|
||
<li>MySQL</li>
|
||
<li>Postgresql</li>
|
||
<li>Neo4J</li>
|
||
<li>Elasticsearch</li>
|
||
<li>MongoDB</li>
|
||
<li>Room</li>
|
||
</ul>
|
||
</p>
|
||
</article>
|
||
</div>
|
||
<div class="tile is-parent">
|
||
<article class="tile is-child notification">
|
||
<p class="title">OPS</p>
|
||
<p class="content">
|
||
<ul>
|
||
<li>Administration de serveurs Ubuntu, Redhat et FreeBSD</li>
|
||
<li>Gitlab / GitlabCI</li>
|
||
<li>Jenkins</li>
|
||
<li>Docker</li>
|
||
</ul>
|
||
</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section">
|
||
<div class="container">
|
||
<h1 class="title">Centres d'intérêt</h1>
|
||
<hr />
|
||
<div class="tile is-ancestor">
|
||
<div class="tile is-vertical is-12">
|
||
<div class="tile">
|
||
<div class="tile is-parent is-vertical">
|
||
<article class="tile is-child notification">
|
||
<p class="title">Langues</p>
|
||
<p class="content">
|
||
<ul>
|
||
<li>Français : langue parentale</li>
|
||
<li>Arabe : langue parentale</li>
|
||
<li>Anglais : courant (970 TOEIC)</li>
|
||
</ul>
|
||
</p>
|
||
</article>
|
||
</div>
|
||
<div class="tile is-parent is-vertical">
|
||
<article class="tile is-child notification">
|
||
<p class="title">Musique</p>
|
||
<p class="content">
|
||
<ul>
|
||
<li>Guitare</li>
|
||
<li>Piano</li>
|
||
<li>Chorale</li>
|
||
</ul>
|
||
</p>
|
||
</article>
|
||
</div>
|
||
<div class="tile is-parent is-vertical">
|
||
<article class="tile is-child notification">
|
||
<p class="title">Médias</p>
|
||
<p class="content">
|
||
<ul>
|
||
<li>Films (Her, Predestination)</li>
|
||
<li>Séries (Black Mirror, Orphan Black, The OA)</li>
|
||
<li>Jeux Vidéos (Kingdom Hearts, No Man's Sky)</li>
|
||
</ul>
|
||
</p>
|
||
</article>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section">
|
||
<div class="container">
|
||
<h1 class="title">Formations</h1>
|
||
<hr />
|
||
<div class="card">
|
||
<div class="card-content">
|
||
<div class="media">
|
||
<div class="media-left">
|
||
<figure class="image is-64x64">
|
||
<img src="img/esgi-logo.jpg" alt="ESGI">
|
||
</figure>
|
||
</div>
|
||
<div class="media-content">
|
||
<p class="title is-4">ESGI</p>
|
||
<p class="subtitle is-6"><time datetime="2015">2015</time></p>
|
||
</div>
|
||
</div>
|
||
<div class="content">
|
||
Mastère Architecture des Logiciels
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card card-gap">
|
||
<div class="card-content">
|
||
<div class="media">
|
||
<div class="media-left">
|
||
<figure class="image is-64x64">
|
||
<img src="img/montreuil-logo.png" alt="IUT de Montreuil">
|
||
</figure>
|
||
</div>
|
||
<div class="media-content">
|
||
<p class="title is-4">IUT De Montreuil</p>
|
||
<p class="subtitle is-6"><time datetime="2013">2013</time></p>
|
||
</div>
|
||
</div>
|
||
<div class="content">
|
||
Licence Profesionnelle CSID (Conception des systèmes d’information, intégration et décision)
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card card-gap">
|
||
<div class="card-content">
|
||
<div class="media">
|
||
<div class="media-left">
|
||
<figure class="image is-64x64">
|
||
<img src="img/montreuil-logo.png" alt="IUT de Montreuil">
|
||
</figure>
|
||
</div>
|
||
<div class="media-content">
|
||
<p class="title is-4">IUT De Montreuil</p>
|
||
<p class="subtitle is-6"><time datetime="2011">2011</time></p>
|
||
</div>
|
||
</div>
|
||
<div class="content">
|
||
DUT Informatique
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section">
|
||
<div class="container">
|
||
<h1 class="title">Contact</h1>
|
||
<hr />
|
||
<nav class="level">
|
||
<div class="level-item has-text-centered">
|
||
<div>
|
||
<a href="https://github.com/aminecmi" class="icon is-large">
|
||
<i class="fab fa-2x fa-github"></i>
|
||
</a>
|
||
<p class="heading"><a href="https://github.com/aminecmi">github.com/aminecmi</a></p>
|
||
</div>
|
||
</div>
|
||
<div class="level-item has-text-centered">
|
||
<div>
|
||
<a href="mailto:amine.bouabdallaoui@gmail.com" class="icon is-large">
|
||
<i class="fas fa-2x fa-envelope"></i>
|
||
</a>
|
||
<p class="heading"><a href="mailto:amine.bouabdallaoui@gmail.com">amine.bouabdallaoui@gmail.com</a></p>
|
||
</div>
|
||
</div>
|
||
<div class="level-item has-text-centered">
|
||
<div>
|
||
<a href="https://www.linkedin.com/in/markmacneilhfx" class="icon is-large">
|
||
<i class="fab fa-2x fa-linkedin-in"></i>
|
||
</a>
|
||
<p class="heading"><a href="https://www.linkedin.com/in/bouamine">linkedin</a></p>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
</div>
|
||
</section>
|
||
|
||
<footer class="footer">
|
||
<div class="content has-text-centered">
|
||
<p>
|
||
<a href="https://github.com/mmacneil/devfolio" target="_blank" class="icon has-text-primary">
|
||
<i class="fab fa-github"></i> <strong>devfolio</strong></a>
|
||
</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="js/bundle.js"></script>
|
||
</body>
|
||
|
||
</html>
|