Tous les projets

Découvrez quelques-uns des projets que j'ai développés

GM Microcementos Website

GM Microcementos Website

Développement complet d'une plateforme web d'entreprise pour GM Microcementos, une société spécialisée dans l'application de microciment. Site web professionnel avec 15 pages optimisées, axé sur les performances, le SEO et une expérience utilisateur exceptionnelle. Inclut un calculateur de budget, une galerie de projets filtrable, des formulaires avancés et un système de design minimaliste. Architecture modulaire avec 100+ composants réutilisables et optimisation Core Web Vitals.

Academia CEJ Website

Academia CEJ Website

Plateforme web pour Academia CEJ, académie spécialisée dans les concours de justice à Malaga. Site web entièrement responsive avec blog, campus virtuel, système de test de connaissances, système d'inscription et gestion de cours. Développé avec Next.js 14, React 18, Tailwind CSS, Framer Motion et Docker.

Site Web DIMAP

Site Web DIMAP

Développement du site corporate de Dimap, une application moderne basée sur Next.js 15, React 19, Redux Toolkit et TailwindCSS, conçue pour offrir des performances optimales et une expérience fluide. Le projet inclut des pages de services, un blog, des sections corporate et des formulaires avec suivi de leads, le tout construit sur une architecture modulaire avec un chargement hautement optimisé via SSG, Lazy Loading et ClientLoader.

Agrooe Cashback

Agrooe Cashback

Sur ce site web, j'ai travaillé avec une équipe pour développer de zéro une plateforme engagée dans la vente de produits de qualité et le développement du commerce local. Nous avons travaillé depuis le concept jusqu'à la pratique en créant à la fois le back-end et le front-end. En plus de différentes technologies, des intégrations comme jwt pour le contrôle des comptes utilisateurs et la connexion ont été incorporées, un tableau de bord pour le contrôle de toutes les données... Des fonctionnalités comme pouvoir se connecter avec différents réseaux sociaux, créer un compte en tant qu'utilisateur pour acheter des produits ou en tant qu'entreprise pour les ajouter, des cartes de l'endroit le plus proche où le produit pourrait être trouvé, entre autres. Pour des raisons de confidentialité, le code n'est pas affiché.

Clone du site AirPods Pro 2

Clone du site AirPods Pro 2

Recréation du hero officiel d’Apple pour les AirPods Pro 2, axée sur la maîtrise d’animations avancées avec GSAP et ScrollTrigger. J’ai implémenté une séquence de 65 images rendues en Canvas synchronisée avec le défilement, ainsi que des transitions fluides, une navigation dynamique et des effets visuels inspirés de l’expérience originale d’Apple. Un projet destiné à perfectionner l’animation web haute performance.

PWA de détection d’objets avec Angular

PWA de détection d’objets avec Angular

tensorflow
ionicons-v5_logos

Développement d’une PWA de détection d’objets en temps réel avec Angular 19 et TensorFlow.js. Comprend la configuration de la PWA, l’intégration de TensorFlow.js pour la détection d’objets, la capture et le traitement d’images en direct, l’optimisation avec Web Workers et Lazy Loading, le stockage hors ligne avec IndexedDB et le déploiement sur appareils mobiles.

Clone Landing Page GTA VI

Clone Landing Page GTA VI

Clone de la landing page de Grand Theft Auto VI créé exclusivement à des fins éducatives et de démonstration de compétences en développement web. Site web moderne avec design responsive optimisé pour toutes les résolutions desktop (1024px - 4K). Comprend un menu déroulant avec animations avancées utilisant GSAP, système de présentation de personnages et lieux avec images dynamiques, section de bandes-annonces avec aperçus interactifs et section de téléchargements avec cartes animées. Projet éducatif à but non lucratif développé avec Astro, Tailwind CSS et JavaScript.

Configurateur de Bureau 3D

Configurateur de Bureau 3D

Projet de pratique pour apprendre Three.js et TresJS en travaillant avec des modèles 3D. Application web interactive permettant de personnaliser un bureau debout (standing desk) avec différentes options de finitions et couleurs. Comprend une vue 3D avec contrôles orbitaux, modèles 3D d'ordinateur portable, casque audio et plante décorative. Personnalisez la finition du bureau et sélectionnez les couleurs des accessoires avec prévisualisation en temps réel. Développé avec Vue 3, TresJS (intégration de Three.js avec Vue), TypeScript, Vite et UnoCSS.

Strapi Games Store

Strapi Games Store

Application web conçue pour gérer du contenu lié aux jeux vidéo en utilisant Strapi comme backend et CMS.

Chat en temps réel

Chat en temps réel

Application de chat en temps réel utilisant Socket.IO pour la communication en temps réel et Supabase comme base de données.

Super Mario Bros 85'

Super Mario Bros 85'

PhaserIcon

Clone éducatif du légendaire jeu Nintendo Super Mario Bros de 1985.

Paint Windows 95'

Paint Windows 95'

Application Paint inspirée de l'époque de Windows 95.

Bookshop View Transitions Demo

Bookshop View Transitions Demo

Librairie web pour pratiquer les transitions de vue.

Clone de TikTok

Clone de TikTok

Clone de l'interface TikTok utilisant Vite et React avec un backend Supabase.

Atari Breakout Game

Atari Breakout Game

Version du légendaire jeu Atari BreakOut avec JavaScript.