Mes Projets

01Ustream Movies Ustream Movies est une mini-plateforme de streaming permettant de consulter, publier et administrer ses films favoris. Le projet utilise React 19, Firebase (Auth + Realtime Database), Zustand pour la gestion d'état et SWR pour la synchronisation en temps réel. L'utilisateur peut se connecter (email ou Google), ajouter des films, les modifier, les supprimer, gérer leur statut public/privé et consulter leurs détails via un modal animé. L'interface repose sur Tailwind CSS 4, DaisyUI et Swiper, offrant une expérience moderne, fluide et responsive. C'est un projet full-stack front qui illustre la maîtrise des hooks React, des stores légers, de l'authentification Firebase et des interactions CRUD complètes.

02Ustream Movies Ustream Movies est une mini-plateforme de streaming permettant de consulter, publier et administrer ses films favoris. Le projet utilise React 19, Firebase (Auth + Realtime Database), Zustand pour la gestion d'état et SWR pour la synchronisation en temps réel. L'utilisateur peut se connecter (email ou Google), ajouter des films, les modifier, les supprimer, gérer leur statut public/privé et consulter leurs détails via un modal animé. L'interface repose sur Tailwind CSS 4, DaisyUI et Swiper, offrant une expérience moderne, fluide et responsive. C'est un projet full-stack front qui illustre la maîtrise des hooks React, des stores légers, de l'authentification Firebase et des interactions CRUD complètes.

03Calculatrice Moderne Application de calculatrice moderne développée en JavaScript vanilla avec une interface élégante et intuitive. Le projet met l'accent sur la logique de calcul précise, la gestion des opérations complexes et une expérience utilisateur fluide. La calculatrice supporte les opérations de base (addition, soustraction, multiplication, division), les opérations avancées (pourcentage, racine carrée, puissance), et inclut un historique des calculs. L'interface responsive s'adapte parfaitement aux mobiles et tablettes. Ce projet démontre une maîtrise solide du JavaScript ES6+, de la manipulation du DOM, de la gestion d'événements et du design CSS moderne avec animations et transitions fluides.

04CineVault CineVault est une application web moderne de découverte de films développée en HTML5, CSS3 et JavaScript (ES6+). L'interface propose un design sombre élégant inspiré de Netflix, avec animations fluides, effets 3D au survol, statistiques dynamiques et un système de mode clair/sombre. L'application consomme l'API TMDB pour afficher en temps réel les films populaires, mieux notés, à venir ou actuellement au cinéma. CineVault inclut une recherche intelligente, un modal détaillé avec synopsis, note, durée et genres, ainsi qu'un fallback complet en cas d'échec API. Entièrement responsive, rapide et optimisée, CineVault démontre une parfaite maîtrise du JavaScript vanilla, de l'intégration API, de l'UX moderne et du responsive design.

05Realtime Taskflow Realtime Taskflow est une application moderne de gestion de tâches en temps réel, développée avec Next.js 16, React 19 et TypeScript. Elle permet aux utilisateurs de s'inscrire, se connecter et gérer leurs tâches quotidiennes grâce à une synchronisation instantanée avec Firebase Realtime Database. L'interface, conçue avec Tailwind CSS 4 et DaisyUI, propose une expérience fluide et moderne : modale d'édition, tableau en temps réel, transitions soignées et notifications contextualisées via React Toastify. L'état global est géré avec Zustand, assurant une mise à jour locale immédiate et une excellente réactivité. Ce projet met en avant la maîtrise du workflow Next.js App Router, des routes API personnalisées, de l'authentification sécurisée avec Firebase et d'un design UI/UX professionnel pensé pour la productivité.

06Boutique en ligne - Clone Autorapid Application e-commerce complète développée avec Next.js 16 et Firebase, offrant une expérience d'achat moderne et sécurisée. Le projet inclut un système d'authentification Firebase (email/password et Google OAuth), une gestion en temps réel des produits via Firebase Realtime Database, et un backoffice administrateur complet avec upload d'images via ImageKit (compression WebP automatique). Fonctionnalités principales : landing page dynamique avec carrousels, boutique avec système de filtres, gestion des comptes utilisateurs (wishlist, historique de commandes), et un panel admin sécurisé pour l'ajout et la gestion des produits. Le design responsive utilise Tailwind CSS 4 et DaisyUI, avec des animations personnalisées et une architecture optimisée utilisant Zustand pour la gestion d'état. Ce projet démontre une expertise complète en développement d'applications e-commerce modernes avec Next.js, incluant l'authentification, la gestion de base de données en temps réel, l'upload d'images optimisé et un backoffice administrateur professionnel.