|
|
<!DOCTYPE html>
|
|
|
<html lang="fr">
|
|
|
|
|
|
<head>
|
|
|
<meta charset="UTF-8" />
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
<link rel="stylesheet" href="assets/style.css" />
|
|
|
<title>
|
|
|
Mohamed Hassani | Développeur Informatique
|
|
|
</title>
|
|
|
<meta name="description"
|
|
|
content="Vous cherchez un développeur Informatique vos projets backend ou mobile ou même web ? Je suis Mohamed Hassani, passionné par la technologie et le développement." />
|
|
|
<link rel="icon" href="assets/img/favicon.svg" />
|
|
|
<meta property="og:title" content="🧑💻 Mohamed Hassani: Développeur Informatique"/>
|
|
|
<meta property="og:type" content="website" />
|
|
|
<meta property="og:description" content="👋 Bonjour, je suis Mohamed Hassani, développeur informatique."/>
|
|
|
<meta property="og:url" content="https://votresiteweb.com/" />
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<header>
|
|
|
<h1>Mohamed Hassani 👨💻</h1>
|
|
|
<img class="burger-button" loading="lazy" src="assets/img/burger.svg" width="35px" alt="Menu" />
|
|
|
<nav class="menu">
|
|
|
<ul>
|
|
|
<a class="link" href="#home">
|
|
|
<li>À propos de moi</li>
|
|
|
</a>
|
|
|
<a class="link" href="#projects">
|
|
|
<li>Réalisations</li>
|
|
|
</a>
|
|
|
<a class="link" href="#skills">
|
|
|
<li>Compétences</li>
|
|
|
</a>
|
|
|
<a class="link" href="#contact">
|
|
|
<li>Contact</li>
|
|
|
</a>
|
|
|
</ul>
|
|
|
</nav>
|
|
|
</header>
|
|
|
<main>
|
|
|
<section id="home">
|
|
|
<div>
|
|
|
<h2>Développeur Informatique.</h2>
|
|
|
<p style="color: white; background-color: rgba(0, 0, 0, 0.7); padding: 10px; border-radius: 5px; display: flex; align-items: center;">
|
|
|
<img src="assets/img/profil.jpg" alt="Photo de Mohamed Hassani" style="width: 100%; max-width: 250px; border-radius: 50%; margin-right: 20px;">
|
|
|
<span style="font-family: 'Inter', sans-serif;">
|
|
|
Bonjour, Je suis Mohamed Hassani, développeur Informatique. <br>
|
|
|
Actuellement étudiant en troisième année de BUT Informatique à l'Université Clermont Auvergne. J'ai un intérêt pour le développement web, le développement mobile, la science des données, l'apprentissage automatique, les microservices, le clean code et les bonnes pratiques et surtout le design.
|
|
|
</span>
|
|
|
</p>
|
|
|
|
|
|
<br />
|
|
|
<a href="#contact">
|
|
|
<button class="btn-primary">Contact</button>
|
|
|
</a>
|
|
|
<a href="assets/cv.pdf" download>
|
|
|
<button class="btn-secondary">Télécharger le CV</button>
|
|
|
</a>
|
|
|
</div>
|
|
|
<div>
|
|
|
<div class="social-media">
|
|
|
<a href="https://www.linkedin.com/in/mohamed-hassani-285243251/" target="_blank">LinkedIn</a>
|
|
|
<!-- <a href="https://github.com/votreprofil" target="_blank">Github</a> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</section>
|
|
|
<section id="projects">
|
|
|
<h2>Réalisations 🏗️</h2>
|
|
|
<a class="project" href="https://codefirst.iut.uca.fr/git/AthletiX" target="_blank">
|
|
|
<h2>💪 <span class="back-card">AthletiX</span></h2>
|
|
|
<p style="color: white; background-color: rgba(0, 0, 0, 0.7); padding: 10px; border-radius: 5px;">
|
|
|
AthletiX est une application mobile développée en Flutter pour les sportifs, intégrant des exercices de musculation et des fonctionnalités de partage d'expérience.
|
|
|
</p>
|
|
|
</a>
|
|
|
<a class="project" href="https://codefirst.iut.uca.fr/git/R-Dash" target="_blank">
|
|
|
<h2>🏎️ <span class="back-card">R-Dash</span></h2>
|
|
|
<p style="color: white; background-color: rgba(0, 0, 0, 0.7); padding: 10px; border-radius: 5px;">
|
|
|
R-Dash est une application mobile développée en React Native permettant aux pilotes de course de consulter et comparer les données de performance de leurs voitures.
|
|
|
</p>
|
|
|
</a>
|
|
|
<a class="project" href="https://github.com/votreprofil/projet3" target="_blank">
|
|
|
<h2>🎮 <span class="back-card">Reflection</span></h2>
|
|
|
<p style="color: white; background-color: rgba(0, 0, 0, 0.7); padding: 10px; border-radius: 5px;">
|
|
|
Reflection est un jeu vidéo d'horreur réalisé avec le moteur de jeu Unity et C# pour le code, le jeu se déroule dans un manoir hanté et met en scène un monstre contrôlé par une intelligence artificielle.
|
|
|
</p>
|
|
|
</a>
|
|
|
</section>
|
|
|
|
|
|
<section id="experiences">
|
|
|
<h2>Expériences professionnelles</h2>
|
|
|
<div class="experience" style="padding: 5%; margin-left: 5%; margin-right: 5%;">
|
|
|
<div class="flex flex-row gap-4" style="gap: 4%;">
|
|
|
<div class="flex justify-center items-center px-5 py-1 rounded-full border border-grey-300 text-xl text-gray-500 font-medium hover:scale-105 transition-all ease-in-out duration-1000">2024</div>
|
|
|
<div class="flex justify-center items-center px-5 py-1 rounded-full border border-grey-300 text-xl text-gray-500 font-medium hover:scale-105 transition-all ease-in-out duration-1000">1 an et 6 mois</div>
|
|
|
</div>
|
|
|
<div class="flex flex-row items-center" style="margin-top: 20px;">
|
|
|
<img src="assets/img/metex.png" alt="logo de l'entreprise Metabolic Explorer" style="width: 5%; margin-right: 10px;">
|
|
|
<span style="font-size: 1.5rem;">Metabolic Explorer</span>
|
|
|
</div>
|
|
|
<span class="text-xl text-gray-500" role="heading">
|
|
|
Alternance d'un an + Stage de 10 semaines.<br><br>
|
|
|
J’ai eu l’opportunité de rejoindre une entreprise dynamique et agréable qui m’a permis de me professionnaliser dans un contexte favorable. J’ai travaillé en tant que développeur fullstack sur un logiciel de laboratoire (LIMS).<br><br>
|
|
|
Ma mission principale consistait à l’améliorer et maintenir un logiciel LIMS (Application web en Java) utilisé par des scientifiques.<br><br>
|
|
|
J’ai pu mettre en pratique mes compétences en gestion de base de données structurée, en algorithmique et en design pour toute la partie vue.
|
|
|
</span>
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<section id="skills">
|
|
|
<h2>Compétences</h2>
|
|
|
<br />
|
|
|
<p>
|
|
|
Mes compétences incluent le développement informatique dans sa globalité, dont le développement d'applications web et mobile avec plusieurs technologies. J'ai également de l'expérience dans la gestion des systèmes et réseau. En outre, je maîtrise les bases de données SQL et NoSQL, ainsi que divers outils et frameworks tels que Docker, Kubernetes, et CI/CD.
|
|
|
</p>
|
|
|
<br /><br />
|
|
|
<div class="tech-stack">
|
|
|
<div>
|
|
|
<h3>
|
|
|
✴ C# ✴ Java ✴ Flutter ✴ Swift ✴ React Native ✴ HTML ✴ CSS ✴ JavaScript ✴ SQL ✴ NoSQL ✴ Docker ✴ Kubernetes ✴ Git ✴ et plus encore ✴
|
|
|
</h3>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="tech-icons" style="margin-top: 1%;">
|
|
|
<img src="assets/img/Logo_C_sharp.svg.png" alt="C#" title="C#">
|
|
|
<img src="assets/img/Java_programming_language_logo.svg" alt="Java" title="Java">
|
|
|
<img src="assets/img/72AF9324-C50A-42F9-9236-C21DB13B90D9.png" alt="Flutter" title="Flutter">
|
|
|
<img src="assets/img/Swift-Logo.png" alt="Swift" title="Swift">
|
|
|
<img src="assets/img/React-icon.svg.png" alt="React Native" title="React Native">
|
|
|
<img src="assets/img/HTML5_Logo_512.png" alt="HTML" title="HTML">
|
|
|
<img src="assets/img/css.png" alt="CSS" title="CSS">
|
|
|
<img src="assets/img/js.png" alt="JavaScript" title="JavaScript">
|
|
|
<img src="assets/img/Docker-Logo.png" alt="Docker" title="Docker">
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
</main>
|
|
|
<footer id="contact">
|
|
|
<h2> Créons <span class="back-card">ensemble</span></h2>
|
|
|
<br />
|
|
|
<p>
|
|
|
N'hésitez pas à me contacter pour que nous puissions travailler ensemble et créer des choses incroyables.
|
|
|
</p>
|
|
|
<a href="mailto:Mohamed.Hassani.2002@outlook.fr">Mohamed.Hassani.2002@outlook.fr</a>
|
|
|
<a href="tel:+33758308886"><span class="back-card">{+33}</span> 7 58 30 88 86</a>
|
|
|
</footer>
|
|
|
<script src="app.js"></script>
|
|
|
</body>
|
|
|
|
|
|
</html>
|
