WebDesign

Mes Projets d'école:

Projet JS: Le Shifumi

Aperçu de Shifumi du jardin

Au cours de ce module il nous à été demandé de réaliser un classique: le Shifumi. Celui-ci à été réalisé en équipe sur le thème du jardin. Dans cet exercice, j'ai réalisé l'intégralité de la partie code (HTML, CSS & animations, JS). Pour ce projet, il fallait utiliser le drag & drop de jQuery UI.


Cliquez sur l'image pour ouvrir le site.

Projet JS Bonus: Shifumi Pokemon

Aperçu de Shifumi Pokemon

Lors du projet JS/jQuery UI décrit au dessus, un compagnon de promo faisant partie d'un autre groupe de travail m'a proposé une idée: recréer un combat pokemon. Étant fan de jeu vidéo c'est tout naturellement que j'ai accepté de travailler sur ce deuxième projet en parallèle.


Ce n'est donc pas un mais deux jeux Shifumi que j'ai codé. Pour celui ci, j'ai encore une fois assuré toute la partie code & animations mais écalement le design de toute l'interface: boîtes de dialogue, jauge de pv... Autant dire que ces deux jours de projet ont été intenses en travail et légers en sommeil.


Le jeu est optimisé pour fonctionner en 1920 x 1080. Je n'ai pas eu le temps à ce jour de le rendre "responsive"


Cliquez sur l'image pour ouvrir le site.

Projet WordPress: Le Blog de Geek & Créatif

Aperçu de Geek et Créatif

Projet réalisé lors du module WordPress avec pour consigne de créer un blog sur un thème au choix avec rédaction d'articles. Ici je me suis mis dans la peau d'un blogueur Tech orienté création et tutos.


Thème WP utilisé: Divi


Cliquez sur l'image pour ouvrir le site.

CV Numérique Vidéoludique: L'Animation d'Intro

Introduction CV Numérique jeu vidéo

Séquence d'animation d'intro de mon projet de CV numérique façon jeu vidéo.


La suite de ce projet se trouve dans la section "Après la Manu" un peu plus bas.


Cliquez sur l'image ouvrir le site.

Moyenne Simulator 21

Moyenne Simulator 21

Petit calculareur de moyenne réalisé à l'occasion d'un TP jQuery. Le principe est simple, rentrez votre prénom, vos notes, et mon calculateur magique vous donne votre moyenne ainsi que l'appréciation du directeur.


Cliquez sur l'image pour jouer.

Le Prix Juste

Le Prix Juste

Second TP réalisé durant le module jQuery. Là encore, rien qui ne révolutionne l'industrie mondiale, ici l'ordinateur choisi un nombre entre 0 et 100. Votre mission, si vous l'acceptez, consiste à retrouver ce nombre en moins de 10 tentatives. Combien de fois d'affilé pourez vous le battre?


Cliquez sur l'image pour jouer.

Révision des Tables de Multiplication

Revision Multiplication

Projet perso réalisé durant le module JavaScript.


Cette page deviendra la meilleur amie de vos enfants du CE1 au CM2... Ou pas !


Cliquez sur l'image pour réviser.

Après la Manu?

CV Numérique Vidéoludique: Un peu de gameplay

CV Numérique jeu vidéo

Bien après ma formation, je me suis finalement lancé dans la création de mon CV numérique version jeu vidéo (dont vous avez pu voir l'animation d'intro dans mes projets d'école).


Vous aurez l'occasion ici de visiter les quelques galeries du musée de ma vie, retraçant mon parcours, mes compétences & savoir-faire, mes hobbies...


Cliquez sur l'image ouvrir le site.

Ristorante Filomena

Filomena Ristorante

Pour finir ma formation, j'ai effectué mon stage en entreprise pour le restaurant Filomena à Montfort l'Amaury. A cette occasion, je devais faire un site WordPress. Mais avant que je découvre Oxygen Builder, WP et plus particulièrement Divi n'étaient pas vraiment mes amis.


Après avoir fini mon stage et validé mon site, j'ai décidé de reprendre depuis 0, un site entièrement codé à la main dont voici le résultat.


Le restaurant ce sert aujourd'hui de ce site.


Cliquez sur l'image ouvrir le site.

CV Numérique

CV Numérique

Bon le jeu vidéo c'est bien, mais pas toujours l'idéal pour trouver des contrats ou décrocher un poste. J'ai donc décidé de développer un CV numérique un peu plus "traditionnnel, sous forme de page.


J'y ai fait un très gros travail sur le développement de l'interface


Cliquez sur l'image voir la page.