GAME BOY COLOR

POWER

À PROPOS

Développeur Web Full-Stack Junior

Mon Parcours

Après avoir travaillé dans le bâtiment puis en usine, j'ai décidé de me réorienter vers un métier qui me correspond pleinement : le développement web. J'ai intégré une formation TP Développeur Web & Web Mobile chez Real Conseil à Lille, financée par la Région Hauts-de-France. Aujourd'hui, je recherche une alternance Bac+3 à partir de septembre / octobre 2026 pour continuer à progresser et contribuer concrètement à des projets d'entreprise.

Stack Technique

Au cours de ma formation et après avoir pesé le pour et le contre, j'ai choisi de me concentrer sur des technologies cohérentes plutôt que de me disperser. Ma curiosité et ma capacité d'adaptation me permettent néanmoins de m'ajuster à d'autres technologies selon les besoins d'un projet.

Front-end :

HTML5 / CSS3
Tailwind CSS — sans exclure le CSS natif pour les animations et détails spécifiques
TypeScript
Angular
Responsive Design
Git / GitHub

Back-end :

PHP / Symfony
MySQL / SQL
API REST

Objectifs en Alternance

Je recherche une entreprise dans laquelle je pourrai m'investir pleinement et contribuer à des projets concrets. Pour l'instant, mon objectif n'est pas de tout maîtriser d'un coup, mais de progresser chaque jour. Progresser sur les langages bien sûr, mais pas seulement : je veux apprendre à bien concevoir et structurer un projet, à refactoriser et déboguer avec méthode, à utiliser l'IA comme un vrai outil de travail sans en devenir dépendant, et surtout à développer les bons réflexes et les bonnes habitudes qui font la différence sur la durée.

Développer des fonctionnalités front-end et back-end
Écrire un code propre, lisible et maintenable
Apprendre à bien architecturer, refactoriser et déboguer
Utiliser l'IA de manière réfléchie dans mon workflow
Travailler en équipe avec Git et des méthodologies agiles
Me familiariser avec les bonnes pratiques DevOps (CI/CD, conteneurisation)

Projet fil rouge : Développement d'un réseau social dédié au cinéma, avec feed social, messagerie, système de rooms et recommandations personnalisées. Stack envisagée : Angular, Symfony, MySQL, WebSocket.

Vision Professionnelle

Mon objectif à moyen terme est de devenir développeur full-stack avec une spécialisation progressive vers le DevOps et le Cloud (Docker, Kubernetes, AWS/Azure).

Après cette alternance, je souhaite poursuivre avec un CDA ou une licence professionnelle DevOps, complétée par des certifications cloud, afin de contribuer à des architectures modernes et scalables.

Mes Atouts

Autonomie : Capacité à chercher, apprendre et résoudre par moi-même
Rigueur : Code structuré, respect des délais et des bonnes pratiques
Curiosité : Veille technologique active, envie constante d'aller plus loin
Adaptabilité : Apprentissage rapide de nouveaux outils et frameworks
Esprit d'équipe : Habitué au travail collaboratif et à l'entraide

MAKING OF

Mon Portfolio Interactif

Origine du projet

L'idée est née en regardant une vidéo YouTube sur la création d'un jeu type Pokémon, alors que je débutais ma formation en développement web. Plutôt que de créer un portfolio classique, j'ai voulu réaliser quelque chose de vivant et interactif.

Je me suis inspiré de RPG comme Final Fantasy Tactics, Secret of Mana ou Golden Sun, tant pour le gameplay, le visuel que le son. Transformer mon portfolio en petit jeu d'exploration était donc la rencontre entre ma passion pour le jeu vidéo et mon apprentissage du développement web.

Inspirations : Final Fantasy Tactics, Secret of Mana

Objectif du projet

Créer un univers interactif capable de surprendre et de divertir, avec quelques clins d'œil à la pop culture comme Matrix.
Présenter mes compétences sérieusement tout en me différenciant.
Travailler sur un projet ambitieux pour mieux comprendre et appliquer les bases du développement web dans un contexte concret.

Stack technique

Le projet a été réalisé en HTML, CSS et JavaScript pur, sans framework. J'apprécie particulièrement le CSS natif moderne (variables CSS, nesting, Grid, Flexbox) qui offre aujourd'hui une puissance et une flexibilité remarquables. Avant d'adopter Tailwind CSS pour mes prochains projets, j'ai comparé Bootstrap et préféré Tailwind pour la liberté et le contrôle qu'il offre sur le CSS, tout en consolidant mes bases sur les fondamentaux du web.

Stack et réalisations

Le jeu est responsive et jouable au clavier, pad ou tactile.

PNJ et déplacements

Collisions gérées via JSON.
Déplacements automatiques des PNJ avec animations par frames.
Objets interactifs (coffres, clés, parchemins) déclenchent sons et bloquent les déplacements lors des messages.

Éditeur de map Tiled avec système de collisions JSON

Spritesheet du personnage - animations de déplacement

Objets et inventaire

Items créés dynamiquement et intégrés dans un inventaire visuel.
Sons adaptés selon l'état du jeu.
Sprites découpés pour gérer l'animation frame par frame.

Interface de l'inventaire in-game

Sprite du coffre

La Clé

Design et interface

Style inspiré de la Gameboy Color, reproduit en CSS et adapté au ratio 16/9.
Layers et z-index organisés pour assurer la cohérence graphique.
Menus et overlays générés dynamiquement via JavaScript.

Interface style Gameboy Color intégrée en CSS

Création de la map et des ressources

Map et collisions réalisées avec Tiled, export JSON pour le code.
Visuels et sprites créés ou modifiés avec Piskel, GIMP, Paint, et ressources libres de droits sur Pixabay, itch.io, OpenGameArt.org et Freepik.
Audio : musiques et sons adaptés à l'ambiance RPG, intégrés avec Howler.js.
Outils et workflow : VS Code pour le code, IA (Claude, ChatGPT, Copilot) pour l'aide et l'optimisation, MDN et cours de formation pour les références.

Création de sprites pixel art avec Piskel

Ce que ce projet m'a apporté

Structurer un projet proprement et améliorer un projet existant.
Chercher des solutions de manière autonome.
Expérimenter différentes approches avant de choisir la meilleure.
Persévérer et accepter de ne pas tout comprendre immédiatement.

Version 1 → Version 2

Version 1

Pas de PNJ ni d'interactions.
Un coffre mais pas de sons ni d'inventaire.
Interface non responsive, code dans un seul fichier.
Menu et overlays gérés en CSS.
Pas de design type Gameboy, fonctionnalités limitées.

Version 2

Ajout de PNJ et d'interactions.
Sons pour coffres et objets, cohérents selon l'état du jeu.
Full responsive, approche mobile first pour tous supports.
Design Gameboy intégré, overlays et menus générés en JavaScript.
Modules ES6 pour un code structuré et maintenable.

Version 1 - Interface basique

Version 2 - Design Gameboy & responsive

Vers une Version 3

Système de combat ou mini-jeux.
Ajout de nouveaux PNJ et dialogues.
Agrandissement des maps et création de nouvelles pièces interactives.
Plus d'interactions avec les éléments et PNJ existants.
Utilisation éventuelle d'un framework ou moteur de jeu (Unity / Unreal Engine).

Conclusion

Ce projet reflète mon niveau actuel, ma créativité et ma capacité à apprendre de manière autonome. Il montre ma progression, ma curiosité technique et ma motivation à continuer à évoluer dans le développement web.

Ninvento

Select

Start

Menu

Commandes

Personnage