Moi, c'est Joran
Développeur FullStack
Je suis un étudiant en BUT MMI passionné de développement web et grand fan de football. J'adore passer du temps entre amis, sortir et découvrir de nouvelles choses. Ce site est une vitrine de mon travail et de mes projets, n'hésitez pas à l'explorer et à me contacter pour toute question ou projet éventuel !
Joran, 20 ans
Né à GAP, j'ai décidé de quitter ma ville natale pour suivre la formation du B.U.T « Métiers du Multimédia et de l'Internet » à l'IUT 1 de Grenoble. Après deux ans à étudier la programmation avec la spécialité « Numérique et Sciences Informatiques », j'ai développé une passion pour cette activité, ce qui m'a amené à me spécialiser dans le Développement Web dès la 2ème année de ma formation. Au sein de cette formation, nous faisons beaucoup de pratique, afin de développer au mieux nos compétences. Vous pouvez en découvrir plus sur ces réalisations dans la partie "Mes réalisations".
Mes centres d'intérêts

LE FOOT

LES SORTIES ENTRE AMIS

LA MUSCULATION

LES JEUX VIDEOS
Mes compétences
HTML
CSS
PHP
JavaScript
Python
Java
WordPress
SQL
Tailwind CSS
Bootstrap
Vue.js
React
React Native
Ember.js
Django
Node.js
Docker
GitLab
Suite Adobe
Figma
Mes réalisations
Système Solaire
Three.js
Ce projet est né d’une envie d’apprendre à intégrer de la 3D dans un site web, avec la bibliothèque three.js. Pour cela, j’ai décidé de créer le système solaire car j’éstimais que c’était un projet assez complet qui me permettait d’apprendre les bases de la 3D avec des formes assez simplistes. Une fois le système solaire terminé, j’ai décidé de pousser le projet un peu plus loin avec des interactions et même un mode de vue spécial disponible en cliquant sur le bouton “?” en haut à droite.
Chess3D
Babylone.js
Le but de ce projet était d’utiliser la bibliothèque Babylone.js afin de mélanger 2D et 3D. En une dizaine d’heures, j’ai donc importé un échiquier et codé toute la logique d’une partie d’échec. En ce qui concerne la 2D, j’ai simplement ajouté un panneau au clic sur une pièce qui indique quel déplacement elle peut faire.
Delivecrous
React Native
Avec trois camarades, nous avons appris à coder en React Native en créant une petite appli simpliste. Cela nous a permis d’apprendre les bases du développement mobile, notamment la gestion des composants, la navigation entre les écrans et la gestion de l’état. Nous avons également découvert l’utilisation d’Expo pour faciliter le déploiement et le test de l’application.
Parmi nous
NEXT.js
SQL
Tailwind
En équipe de cinq, nous avons développé un jeu mobile inspiré des escape games. Les joueurs rejoignent une salle, lancent la partie et reçoivent un rôle : enquêteur ou saboteur. Le jeu se compose de 10 mini-jeux exploitant les fonctionnalités du téléphone (micro, gyroscope, caméra, etc.), synchronisés via WebSocket. Les enquêteurs doivent remporter ces épreuves pour obtenir des indices sur l’identité des saboteurs, tandis que ces derniers tentent de les faire échouer sans se faire démasquer. À la fin, un vote permet de tenter d’identifier les saboteurs.
PizzApp
NEXT.js
SQL
Ce projet visait à nous familiariser avec Next.js. En binôme, nous avons développé un site web de pizzeria intégrant un système CRUD. Nous avons également implémenté une gestion des rôles (utilisateur/admin), permettant à l’administrateur de modifier les pizzas et de valider les réservations.
Open Météo
Ember.js
Tailwind
À mon arrivée chez Ascanio, on m’a confié un projet dont le front était développé en Ember.js, un framework que je ne connaissais pas. Avant de contribuer directement, j’ai pris le temps de me former en réalisant un projet simple avec l’API OpenMeteo. J’ai développé un site affichant des informations météorologiques pour des villes prédéfinies, ce qui m’a permis de me familiariser avec Ember.js et d’en comprendre le fonctionnement.
Pokedex
Vue.js
PHP
JavaScript
Lors de ma candidature pour un poste d'alternant développeur fullstack chez Ascanio, on m'a proposé de créer un Pokédex en utilisant l'API PokéAPI afin d'évaluer mes compétences. L'objectif était de consacrer quelques heures au développement avec plusieurs contraintes : au moins trois endpoints (/pokemon, /pokemon/:id, /pokemon/:id/toggleCapture), un système de mise en cache, une barre de recherche, etc. Pour l'interface, j'ai choisi un design inspiré des consoles rétro afin d’ajouter une touche d’originalité.
Magasin Audiovisuel
Vue.js
Symfony
SQL
Tailwind
Lors de ma deuxième année, nous avons développé un site de location de matériel audiovisuel pour le BUT MMI, avec Vue.js (front) et PHP (back). L'objectif était de permettre aux élèves de réserver du matériel en évitant les doublons. Plusieurs rôles ont été définis : utilisateur, job étudiant, professeur et administrateur, ce dernier pouvant gérer les demandes et le stock. Le projet a été apprécié par les professeurs et le gérant, nous conduisant à développer une V2 plus aboutie avec une API refondue en Symfony et de nouvelles fonctionnalités.
Projet FAME
HTML
CSS
PHP
JS
Wordpress
Pendant mon stage, j'ai contribué au projet FAME qui vise à rendre les métiers et les formations en électronique plus attrayants pour les jeunes. Dans ce cadre, j'ai conçu un site web, en créant notamment un thème WordPress.
Kaleido
HTML
CSS
JS
Adobe
Dans le cadre d’un projet de 3 semaines, j’ai créé un site sur la diversité au cinéma. La consigne était la suivante, créer un site web “one page” responsive, dans lequel doivent apparaître 8 statistiques sur le cinéma. Ces 8 statistiques doivent être des graphiques SVG, des graphiques JS, des animations After Effect et des données interactives JS. J’avais pour obligation de tout créer de A à Z, de la mascotte aux graphiques en passant par les animations. J’ai aussi dû faire des recherches afin de trouver des statistiques intéressantes sur mon sujet.
Green Gastronomy
HTML
CSS
JS
PHP
SQL
Bootstrap
Dans le cadre d’un projet, j’ai créé un site de recettes de cuisine durable. Pour cela, j’avais plusieurs contraintes comme l’utilisation d’une base de données, l’utilisation de la méthode MVC ou même l’intégration d’un système de tri. Je devais aussi permettre à l’utilisateur de créer un compte et ensuite de créer/modifier/supprimer des recettes. Il fallait aussi un compte admin qui pouvait modifier/supprimer les recettes de n’importe qui.
Portfolio V1
HTML
CSS
PHP
JS
Adobe
Avant cette version, j’avais créé un premier site Portfolio. C’est un site dont je suis assez fier car il est très personnel et que j’y ai mis beaucoup de cœur. Si j’ai décidé de faire une nouvelle version, c’est parce qu’un an après sa création, j’ai appris de nouvelles compétences me permettant de le perfectionner comme le responsive par exemple. Comme je me suis aussi spécialisé dans le Développement Web, j’ai décidé d’y recentrer le contenu du site.
Site Vitrine
HTML
CSS
C’est le tout premier site web que j’ai créé. Dans le cadre d’un devoir maison, je devais faire un site vitrine de 2-3 pages. Cela m’a permis de découvrir HTML/CSS (qui étaient les seuls langages autorisés). En ce qui concerne les contraintes, j’avais pour obligation d’utiliser des balises sémantiques, d’avoir des images, une vidéo YouTube, un tableau, un formulaire, des effets hover et une animation CSS.