Bienvenue

newalfox logo

👋 Bienvenue sur mon portfolio interactif!

Sommaire:

Qui suis-je?

Hello world!

Je m'appelle Alane Jaunet, j'ai 19 ans et je viens tout juste d'obtenir mon diplôme de BTS SIO option SLAM au Lycée Aliénor d'Aquitaine à Poitiers, avec une passion pour la technologie.

Créer, coder, imaginer des solutions innovantes : voilà ce qui m'anime véritablement. Chaque ligne de code est une opportunité de laisser libre cours à ma créativité et de relever de nouveaux défis avec enthousiasme.

J'ai exploré divers domaines de l'informatique, de la programmation à l'électronique en passant par le graphisme et la production musicale. Mes expériences professionnelles, allant de la photographie au développement informatique, m'ont permis d'acquérir une vision globale et approfondie de ces domaines et ainsi de développer mes compétences de manière polyvalente.

À travers ce portfolio interactif, je vous invite à découvrir mes compétences, mon parcours, mes projets et bien plus encore. N'hésitez pas à me contacter si vous avez des questions ou si vous souhaitez en savoir plus sur mon travail.

Mon parcours

Formations & Diplômes

  • - Brevet des collèges - Collège George Sand.

    (obtenu)

  • - ASSR1/ASSR2 - Collège George Sand.

    (obtenu)

  • - Baccalauréat SN option ARED - Lycée Édouard Branly.

    (obtenu)

  • - Habilec B1V, BR - Lycée Édouard Branly.

    (expiré)

  • - BTS SIO option SLAM - Lycée Aliénor d'Aquitaine.

    (obtenu)

Experiences Professionnelles

Stages de 2018-2024:

Certifications

  • - Mooc ANSSI.

    (obtenu)

  • - CNIL RGPD.

    (obtenu)

  • - PIX - Lycée Aliénor d'Aquitaine.

    (obtenu)

Mes projets

Légende:

not created imageRightArrow

Logos non inventés ou non crées

Texte

RightArrow

Titres des projets

texte

RightArrow

Informations importantes/générales

  • Newalfox

    (Projet en cours)

    logo newalfox

    Voici mon site web principal, où vous trouverez ce portfolio ainsi que mes différents projets hébergés sur mon homelab.

    Il est le plus connu de tout mes projets et le plus ambitieux muni de sections cachées pour divertir les “nerds” du web.

    En savoir plus sur ce projet (non disponible)
  • Org-Tools

    (Projet en cours)

    no created image

    Un projet majeur et novateur permettant d'organiser ses tâches et projets sous forme de cartes avec la possibilité d'intégrer divers modules tels que : horloge, todolist, images, textes, etc...

    Idée inspirée de Trello mais en une version améliorée et customisable !

    En savoir plus sur ce projet (non disponible)
  • Youtube Comment Search

    (Projet en cours)

    L'objectif de ce projet est de permettre à partir de l'URL d'une vidéo YouTube (lien du "Shorts" ou lien de la vidéo Youtube) de récupérer les commentaires associés. Ensuite, il sera possible de filtrer ces commentaires en fonction des critères saisis dans la barre de recherche du projet.

    Cet outil s'avère particulièrement pratique pour retrouver un élément/passage d'une vidéo Youtube, souvent négligé ou peu discuté par les viewers.

    no created image
    En savoir plus sur ce projet (non disponible)
  • Prochain portfolio (environnement 3D)

    (Projet en pause)

    La future version de mon portfolio en ligne, elle permettera de visiter mes passions, mes projets, mon expérience etc... (un portfolio 3D interactif).

    Ce futur projet sera le plus imposant de toutes mes réalisations, pensé à partir du projet de Bruno Simon avec la librairie JavaScript Three.js.

    no created image
    En savoir plus sur ce projet (non disponible)
  • SNCF Manager

    (Projet en pause)

    no created image

    Une sorte de reproduction moderne de l'ancienne application android de la SNCF (Assistant SNCF)

    J'ai refait le système d'API entier relié à la vrai API de la SNCF (possibilité de savoir les terminus, les gares, les trajets, les horaires en temps réel etc...)

    Un véritable défi pour moi ! C’est aussi ici que j'ai appris pour la première fois à faire une webapp en React (nextjs) combiné avec TailwindCSS.

    En savoir plus sur ce projet (non disponible)
  • Roblox Tool Firefox Extension

    (Projet en pause)

    no created image

    Extension compatible que sur firefox pour l'instant, son but est de pouvoir cacher la monnaie virtuelle du site https://roblox.com appelée par le nom de robux, provenant du jeu Roblox

    Beaucoup n'aiment pas montrer leur monnaie virtuelle dû au fait que les autres leur réclament...

    Alors j'ai inventé cette extension qui lorsqu'elle détecte que l'on est sur ce site et ses sous-domaines, cache les robux automatiquement.

    En savoir plus sur ce projet (non disponible)
  • GTSNCF

    (Projet en pause)

    Application mobile faite en Java avec Android Studio, totalement inutile mais qui me permet de savoir la distance en kilomètres en temps réel de la gare de Poitiers jusqu'a ma position actuelle.

    Pratique seulement quand j'ai besoin de savoir où je suis lorsque je suis en déplacement, et ainsi de savoir combien de kilomètres il reste.

    no created image
    En savoir plus sur ce projet (non disponible)
  • Devalapp

    (Projet en pause)

    Application mobile faite en React (React Native), totalement inutile à son tour, elle me permettais de tester l'intéraction de l'application via des commandes que l'on saisis ("/enableTorch" pour allumer la lampe torche, "/light" pour activer le mode clair de l'application etc...)

    J'ai également inclus une interface cachée, accessible en activant le mode sombre soit via une commande, soit en utilisant le petit bouton (toggle) ajouté à l'application.

    no created image
    En savoir plus sur ce projet (non disponible)
  • MYT (MYTodolist)

    (Projet terminé)

    Ma première application en React Native terminée et qui m'est très utile au quotidien, sans que j'ai à craindre que mes données ne soient dévoilées publiquement.

    Son but, une simple todolist très moderne avec multilignes et possibilité d'attribuer une couleur à chaque tâche, possibilité de supprimer ou d’ajouter une tâche. Et un petit plus pour moi, des animations (premières animations sur mobile).

    no created image
    En savoir plus sur ce projet (non disponible)
  • Get my channel infos

    (Projet terminé)

    no created image

    Petit projet dont le but est de simplement récupérer les informations de ma chaine youtube via l'API de Youtube (dernières vidéos, nombres d'abonnés etc...) afin d'avoir un compteur/moniteur en temps réel.

    En savoir plus sur ce projet (non disponible)
  • Touch.io

    (Projet abandonné)

    no created image

    Projet abandonné mais reste toujours une grande idée. Son but était d'en faire un jeu complet auxquel on devait toucher les autres joueurs avec la possibilté d'inclure des objets.

    Idée inspiré de bonk.io et de agar.io

    En savoir plus sur ce projet (non disponible)

Mes contributions de projets

Légende:

not created imageRightArrow

Logos non crées

Texte

RightArrow

Titres des projets

texte

RightArrow

Informations importantes/générales

  • Chabis (C1, C4, C5)

    (Contribution encore en cours)

    logo chabis

    Projet de gestion de cheptels de chèvres pour l'entreprise CHABIS par l'ESN GS IPARC SA. Objectif : faciliter la gestion complète des chèvres, automatiser le suivi et la gestion, et offrir une traçabilité optimale, une gestion simplifiée des données, et une interface conviviale.

    • Gestion de production: faciliter la gestion quotidienne de la production laitière dans une exploitation agricole.

    • Gestion du cheptel: création et gestion des cheptels, saisie quotidienne de la production de lait et des rations alimentaires, consultation et modification des données saisies.

    • Gestion sanitaire: gestion efficace de la santé des animaux dans une exploitation agricole.

    En savoir plus sur ce projet et ma contribution
  • StudentScore (C1, C2, C4, C5)

    (Contribution encore en cours)

    Logo StudentScore

    Le projet AP Semestre 4 consiste en une application mobile destinée aux élèves pour gérer leurs devoirs et notes. L'application, développée en Java pour Android, offre une gestion efficace et intuitive des devoirs et notes, avec des fonctionnalités telles que l'ajout, la modification et la suppression des devoirs, la catégorisation par matière, l'ajout de dates d'échéance, et le calcul automatique des moyennes.

    L'équipe de développement, dirigée par le chef de projet, utilise la méthode Scrum pour organiser le travail, avec des comptes-rendus réguliers et une mise à jour du planning d'avancement. Les membres de l'équipe sont Alane JAUNET, Johann, Abdelali et Enzo. Ils utilisent Android Studio et stockent les sources sur le serveur de versionning Gitea fourni par le lycée.

    La livraison de l'application comprendra l'applicatif fonctionnel avec les tests unitaires et d'intégration, une base de données SQLite complètement implémentée, une documentation utilisateur, un cahier des charges rédigé et une documentation technique.

    En savoir plus sur ce projet et ma contribution
  • SpaceStresser

    (Contribution complétée)

    logo newalfox

    Contribution au Projet Space Stresser

    Rôle: Je suis heureux de partager ma contribution au projet Space Stresser, une initiative visant à renforcer la sécurité des réseaux informatiques en simulant des attaques DDoS. Dans le cadre de ce projet, j'ai joué un rôle crucial en travaillant sur deux aspects clés : la conception de la barre de navigation (navbar) et la résolution de bugs.

    La Barre de Navigation (Navbar)

    La barre de navigation est un élément essentiel de toute application web, fournissant aux utilisateurs un moyen intuitif de naviguer dans le système. Pour Space Stresser, j'ai été chargé de concevoir et de mettre en œuvre une navbar robuste et fonctionnelle. En utilisant HTML, CSS et JavaScript, j'ai créé une barre de navigation adaptative, permettant une utilisation fluide sur différents appareils. J'ai intégré des fonctionnalités telles que des liens vers les différentes sections de l'application, des menus déroulants pour un accès rapide aux fonctionnalités, et une esthétique cohérente avec l'objectif du projet.

    Résolution de Bugs

    En plus de travailler sur la conception de la navbar, j'ai également contribué à résoudre divers bugs et problèmes techniques dans l'application Space Stresser. Cela incluait l'identification et la correction des erreurs de codage, la gestion des conflits entre différentes parties du système, et l'amélioration globale de la stabilité et de la performance de l'application. Ma capacité à analyser et à résoudre ces problèmes a été essentielle pour assurer le bon fonctionnement de Space Stresser et pour garantir son efficacité dans le domaine de la sécurité des réseaux informatiques.

    Mon engagement dans le projet Space Stresser m'a permis de développer mes compétences en développement web tout en contribuant à une cause importante : renforcer la sécurité des réseaux contre les attaques DDoS. Je suis fier de mon rôle dans ce projet et je reste déterminé à continuer à apporter ma contribution à des initiatives qui visent à améliorer la sécurité informatique.

    En savoir plus sur ce projet et ma contribution (non disponible)
  • LypsChill

    (Contribution complétée)

    logo newalfox

    Contribution au Projet LypsChill

    Rôle: Je suis fier de partager mon rôle en tant que contributeur au projet LypsChill. Mon travail a été principalement axé sur deux aspects concrets de l'interface utilisateur : la conception de la barre de navigation (navbar) et l'implémentation du système d'ombre sur les vidéos.

    La Barre de Navigation (Navbar)

    Pour rendre la navigation sur LypsChill fluide et intuitive, j'ai été chargé de concevoir et de mettre en place une barre de navigation solide. J'ai utilisé NextJS, TailwindCSS et React, pour créer une navbar responsive, adaptée à tous les écrans et appareils. Cela impliquait la création de menus déroulants, des liens vers différentes parties du site. J'ai veillé à ce que chaque élément soit optimisé pour une expérience utilisateur sans accroc.

    Le Système d'Ombre sur les Vidéos

    Mon travail sur le système d'ombre visait à rendre les vidéos de LypsChill plus attrayantes visuellement. J'ai développé un système d'ombre sophistiqué en TailwindCSS pour ajouter des ombres subtiles autour des vidéos, ajoutant de la profondeur et mettant en valeur le contenu multimédia. Cela a nécessité une attention particulière aux détails pour assurer une intégration parfaite avec le reste du design du site.

    En savoir plus sur ce projet et ma contribution (non disponible)

Mes compétences

  • Programmation et méthodes :

    • >

      Création de sites internet statiques et dynamiques (HTML5, CSS3, PHP (PDO et PHP Objet, Symfony), SQL, JavaScript (React (NextJs/Reactjs etc...)).

    • >

      Utilisation d'autres langages tel que Python, Lua, Java.

    • >

      Utilisation d'IDE (Visual Studio Code, Suite JetBrains), adaptation des différents IDE mis à disposition.

    • >

      Utilisation de solutions logicielles modélisées (Merise ou UML/MCD).

  • Environnement matériel et logiciel :

    • >

      Maitrise du poste de travail et des systèmes d'exploitations client (Windows 7/10/11, Linux Debian).

    • >

      Mise à disposition des SGBDR PostgreSQL ou Mysql et la sauvegarde des bases de données.

    • >

      Installer un serveur PHP Apache (avec mise en oeuvre de Wordpress).

    • >

      Utilisation de Git et GitHub.

    • >

      Utilisation de Docker.

    • >

      Utilisation de VirtualBox.

    • >

      Autres...

  • Sécurité :

    • >

      Gestion des droits d'accès aux données.

    • >

      Sécurisation des applications webs en utilisant les expressions rationnelles, le contrôle des données saisies, le chiffrement des mots de passe, la mise en oeuvre des sessions en PHP, les requêtes préparées, éviter les injections SQL.

    • >

      Configuration d'apache en optimisant les droits sur le système de fichier.

    • >

      Gestion des droits.

    • >

      Autres...

  • Gestion d'un Homelab :

    • >

      Créations de différents VM/Container.

    • >

      Mise en ligne de site web avec protection de Cloudflare.

    • >

      Installation de logiciels (Virtualmin, Yunohost, Nodejs, Nginx, NextCloud, Apache etc...).

    • >

      Autres...

  • Tableau de compétences professionnels :

    Tableau de compétences Alane Jaunet

    Mes loisirs

    Programmation

    Electronique

    • >
    • >
      Composants
    • >
      Réparation
    • >
      Autres...

    Sport

    • >
      Vélo
    • >
      Marche
    • >
      Badminton

    Production de musiques

    • >
      Logiciels utilisés :FL Studio, Ableton
    • >
      Type Beat, Type Chill, Type Lo-Fi, Type Phonk, Type Electro, Type Slap House.

    Graphisme

    Mes veilles technologiques

    • Podcast

      MIUI par Xiaomi

      MIUI est l'interface utilisateur développée par Xiaomi pour ses smartphones.
      Elle offre une expérience utilisateur unique et est constamment mise à jour avec de nouvelles fonctionnalités et améliorations.
      En savoir plus
    • Blog

      L'écosystème Symfony

      Symfony est un framework PHP robuste et flexible utilisé pour développer des applications web de toutes tailles.
      Conçu pour favoriser la réutilisabilité du code, la maintenabilité et la performance, Symfony est largement adopté par la communauté de développement web.
      En savoir plus

    Documentations

    • Fiche de prodédures Docker
      ~ (C1, C5) ~

      La fiche de procédures Docker est un guide essentiel pour les développeurs ainsi que les DevOps. Elle offre une approche complète et pratique pour comprendre et maîtriser l'utilisation de Docker dans le développement logiciel et le déploiement d'applications.

      Cette ressource précieuse présente des instructions claires et concises pour démarrer avec Docker, en explorant des concepts clés tels que la création et la gestion de conteneurs, le déploiement d'applications, ainsi que l'optimisation des environnements de développement et de production.

      DéveloppementDevopsFormation BTS

      04/10/23

    • Fiche de référencement Web et robots.txt
      ~ (C3, C5) ~

      Cette fiche présente les concepts clés et les bonnes pratiques en matière de référencement Web, également appelé SEO (Search Engine Optimization). Elle aborde l'importance d'un référencement efficace pour améliorer la visibilité d'un site web sur les moteurs de recherche comme Google ou Bing.

      La fiche couvre divers sujets, tels que l'utilisation du fichier robots.txt pour guider les robots d'indexation des moteurs de recherche, les facteurs facilitant le référencement d'un site et les choix techniques pour un référencement réussi.

      DéveloppementFormation BTS

      04/10/23

    • Avoir un Spotify amélioré

      Découvrez comment améliorer votre expérience Spotify en supprimant les publicités, en personnalisant l'apparence de l'interface et en ajoutant des fonctionnalités supplémentaires.

      Suivez nos étapes simples adin d'installer Spicetify, un outil qui vous permettra de transformer votre Spotify en une plateforme plus agréable et personnalisée.

      Profitez d'un Spotify sans interruptions publicitaires et bénéficiez de fonctionnalités avancées telles que le mélange de playlists, le thème personnalisé et bien plus encore.

      Nombres d'étapes pour réaliser la procédure: 5

    • Comment avoir PowerShell 7.4.1 sur Windows 10/11 ainsi que tous ses avantages

      Découvrez comment installer PowerShell 7.4.1 sur Windows 10/11 et profitez de ses avantages par rapport à l'invite de commande traditionnelle.

      Nombres d'étapes pour réaliser la procédure: 3

    • Comment booster sa productivité dans ses tâches ou ses projets

      Découvrez des conseils et des outils pour améliorer votre productivité dans vos tâches et projets.

      Options disponibles pour booster la productivité : 4

      PersonnelOrganisation

      25/04/24

    • PCA / PRA & Incident de disponibilité
      ~ (C1, C5) ~

      Présentation des documents PCA / PRA et Incident de disponibilité permettant de gérer les incidents en entreprise.

      Formation BTSOrganisationRéseau

      17/10/23

    Autres...

    Compétence acquise pour ce portfolio: C4, C6

    Aucune information n'est disponible pour le moment.