Billal Benzazoua

Tous les projets

KnowSphere
Une plateforme d'apprentissage full-stack pour parcourir, suivre et compléter des cours en ligne — avec des certificats vérifiables.
- React
- Next.js
- TypeScript
- PostgreSQL
- Node.js
KnowSphere
janvier 2026
Une plateforme d'apprentissage full-stack pour parcourir, suivre et compléter des cours en ligne — avec des certificats vérifiables.
Catalogue de cours avec recherche, filtres et état géré par l'URL, ainsi qu'une inscription gratuite ou payante via Stripe.
Connexion via GitHub OAuth et code par e-mail, avec un contrôle d'accès basé sur les rôles séparant apprenants et administrateurs.
Lecteur de leçons avec suivi de progression, quiz, discussions, avis et certificats vérifiables publiquement.
Console d'administration avec analytique, gestion complète des cours et du programme, modération et journal d'activité auditable.
React
Next.js
TypeScript
PostgreSQL
Node.js
Dépôt GitHub Démo en ligne
Teamora
Une plateforme de chat d'équipe en temps réel où les équipes collaborent par canaux et fils, avec écriture et résumés assistés par IA.
- React
- TypeScript
- Node.js
- WebSockets
- PostgreSQL
Teamora
novembre 2025
Une plateforme de chat d'équipe en temps réel où les équipes collaborent par canaux et fils, avec écriture et résumés assistés par IA.
Messagerie en temps réel avec canaux, fils de discussion, réactions emoji et présence en direct.
Résumés de fils par IA et assistant de rédaction diffusés en continu, sans toucher aux liens ni aux blocs de code.
API entièrement typée de bout en bout pour que le frontend et le backend restent synchronisés.
Authentification sécurisée, contrôle d'accès au niveau de l'espace de travail, limitation de débit par paliers et suppression réversible avec annulation.
React
TypeScript
Node.js
WebSockets
PostgreSQL
Dépôt GitHub Démo en ligne
Notekeeper
Une PWA installable et hors ligne pour prendre des notes dans des carnets — avec éditeur Markdown, tags, corbeille et thèmes complets.
- React
- TypeScript
- Vite
- Zustand
- PWA
Notekeeper
août 2026
Une PWA installable et hors ligne pour prendre des notes dans des carnets — avec éditeur Markdown, tags, corbeille et thèmes complets.
Organisez vos notes en carnets avec épinglage, réorganisation, tags, favoris et une corbeille restaurable avec purge automatique.
Rédigez dans un éditeur Markdown (GitHub-flavored) avec aperçu en direct, coloration syntaxique, sauvegarde automatique et affichage modal, plein écran ou en volet partagé.
Recherche floue plein texte, statistiques par carnet et par tag, et export en JSON ou Markdown.
PWA installable avec coque hors ligne, thèmes clair/sombre, anglais/français/arabe avec support RTL, et raccourcis clavier personnalisables.
Conçu local-first : toutes les données vivent dans localStorage via Zustand, avec des migrations versionnées depuis la version JS d'origine.
React
TypeScript
Vite
Zustand
PWA
Dépôt GitHub Démo en ligne
Cook.io
Une application de découverte de recettes rendue côté serveur, avec recherche à facettes, défilement infini et recettes enregistrées — propulsée par l'API Edamam.
- Next.js
- React
- TypeScript
- Tailwind CSS
- Zod
- Edamam API
Cook.io
juillet 2026
Une application de découverte de recettes rendue côté serveur, avec recherche à facettes, défilement infini et recettes enregistrées — propulsée par l'API Edamam.
Recherchez et parcourez des milliers de recettes avec des filtres à facettes (type de repas, cuisine, régime, santé, temps de cuisson, calories, nombre d'ingrédients) reflétés dans l'URL.
Les identifiants Edamam restent côté serveur : chaque requête passe par des Route Handlers Next.js, avec réécriture des liens de pagination pour masquer les clés.
Défilement infini via IntersectionObserver avec déduplication des requêtes et nouvelle tentative intégrée, onglets par type de repas et carrousels de cuisines avec glisser/déposer.
Pages détail de recette rendues côté serveur avec ingrédients, nutrition, liens de tags et métadonnées OpenGraph par recette.
Validation Zod de bout en bout et double couche de cache, avec des primitives carrousel, accordéon et snackbar sans dépendance.
Next.js
React
TypeScript
Tailwind CSS
Zod
Edamam API
Dépôt GitHub Démo en ligne
Clone Airbnb
Un clone d'Airbnb complet pour parcourir, réserver et publier des logements — avec un tableau de bord d'administration.
- Next.js
- React
- TypeScript
- Tailwind CSS
- Prisma
- PostgreSQL
- Kinde
Clone Airbnb
août 2024
Un clone d'Airbnb complet pour parcourir, réserver et publier des logements — avec un tableau de bord d'administration.
Parcourez et filtrez les annonces par catégorie, pays et nombre de voyageurs/chambres/salles de bain, avec pages détail, carrousels photo, cartes et calendrier de réservation en direct.
Assistant de publication en 4 étapes (catégorie → photo → détails → localisation) avec prix et photos, ainsi que favoris et gestion des réservations.
Authentification via Kinde, PostgreSQL avec Prisma et stockage des photos via Supabase Storage.
Tableau de bord d'administration protégé avec cartes statistiques et tableaux pour gérer utilisateurs, logements et réservations.
Aperçus de localisation OpenStreetMap interactifs, mode sombre et notifications toast après les actions clés.
Next.js
React
TypeScript
Tailwind CSS
Prisma
PostgreSQL
Kinde
Dépôt GitHub Démo en ligne
Inktale
Une plateforme de blog entièrement responsive construite avec Express, MongoDB et EJS — avec authentification par session, rédaction en Markdown et tableau de bord d'auteur.
- Node.js
- Express
- TypeScript
- MongoDB
- EJS
- Cloudinary
Inktale
août 2024
Une plateforme de blog entièrement responsive construite avec Express, MongoDB et EJS — avec authentification par session, rédaction en Markdown et tableau de bord d'auteur.
Design mobile-first entièrement responsive avec inscription des utilisateurs et authentification par session.
CRUD complet des articles avec téléversement de bannières vers Cloudinary et contenu Markdown rendu avec coloration syntaxique.
Tableau de bord d'auteur suivant les visites, réactions et articles publiés, avec options de modification et de suppression.
J'aime et signets sur chaque article, plus une page de liste de lecture dédiée pour gérer les blogs enregistrés.
Paramètres pour la photo de profil, le nom, le pseudo, l'e-mail, la bio, le mot de passe et la suppression du compte, avec limitation de débit par IP et compression gzip/brotli.
Node.js
Express
TypeScript
MongoDB
EJS
Cloudinary
Dépôt GitHub Démo en ligne
Expense Tracker (GraphQL)
Un suivi de dépenses full-stack avec une API GraphQL et un client React, organisé en workspace pnpm.
- React
- TypeScript
- GraphQL
- Apollo Server
- Node.js
- MongoDB
- Tailwind CSS
Expense Tracker (GraphQL)
septembre 2024
Un suivi de dépenses full-stack avec une API GraphQL et un client React, organisé en workspace pnpm.
API GraphQL construite avec Express, Apollo Server 4, Mongoose et l'authentification locale Passport.
Client React 19 propulsé par Vite 7, Apollo Client 4, React Router 7 et Tailwind CSS v4.
Organisé en monorepo pnpm avec des applications serveur et client distinctes partageant un même workspace.
Déploiement de production sur un seul serveur : l'API et le client compilé sont servis depuis un même service, avec repli SPA.
Utilisateurs et transactions stockés dans MongoDB, le client passant par /graphql en développement comme en production.
React
TypeScript
GraphQL
Apollo Server
Node.js
MongoDB
Tailwind CSS
Dépôt GitHub Démo en ligne
GitFinder
Un explorateur d'utilisateurs GitHub pour parcourir les dépôts, forks, abonnés et abonnements — avec une interface mobile-first.
- React
- TypeScript
- Vite
- GitHub API
GitFinder
août 2026
Un explorateur d'utilisateurs GitHub pour parcourir les dépôts, forks, abonnés et abonnements — avec une interface mobile-first.
Recherche de n'importe quel utilisateur GitHub avec saisie debounced et squelettes de chargement.
Listes de dépôts paginées avec un bouton « charger plus » et thèmes sombre/clair.
React
TypeScript
Vite
GitHub API
Captures d'écran
Dépôt GitHub Démo en ligne
Weatherio
Une application météo avec conditions actuelles et prévisions à 5 jours pour les villes du monde entier, propulsée par OpenWeatherMap.
- Next.js
- React
- TypeScript
- Tailwind CSS
- OpenWeatherMap API
Weatherio
août 2026
Une application météo avec conditions actuelles et prévisions à 5 jours pour les villes du monde entier, propulsée par OpenWeatherMap.
Points forts du jour : qualité de l'air, lever/coucher du soleil, humidité, pression, visibilité et ressenti.
Recherche debounced avec suggestions, géolocalisation et état partageable dans l'URL.
Clé API conservée côté serveur via les route handlers de Next.js.
Next.js
React
TypeScript
Tailwind CSS
OpenWeatherMap API
Dépôt GitHub Démo en ligne
Stock Media Platform
Une galerie de médias stock pour parcourir photos et vidéos via l'API Pexels.
- Next.js
- React
- TypeScript
- Tailwind CSS
- Pexels API
Stock Media Platform
juillet 2026
Une galerie de médias stock pour parcourir photos et vidéos via l'API Pexels.
Flux de recherche, curation et tendances pour photos, vidéos et collections.
Favoris persistés localement, défilement infini et grille masonry.
Barre de filtres, pages de détail et téléchargement des médias.
Next.js
React
TypeScript
Tailwind CSS
Pexels API
Captures d'écran
Dépôt GitHub Démo en ligne
Tvflix
Un navigateur de films basé sur l'API TMDB avec découverte des tendances, meilleures notes et genres.
- Next.js
- React
- TypeScript
- Tailwind CSS
- TMDB API
Tvflix
mai 2026
Un navigateur de films basé sur l'API TMDB avec découverte des tendances, meilleures notes et genres.
Slider héro d'accueil plus sections à venir, tendances et meilleures notes.
Pages de détail des films avec bandes-annonces et recommandations.
Tous les appels TMDB restent côté serveur ; la clé API n'atteint jamais le client.
Next.js
React
TypeScript
Tailwind CSS
TMDB API
Dépôt GitHub Démo en ligne
Blog API
Le backend d'une plateforme de blog — API REST avec authentification JWT, validation et documentation OpenAPI. Frontend en cours.
- Node.js
- Express
- MongoDB
- Mongoose
- Zod
- JWT
Blog API
avril 2026
Le backend d'une plateforme de blog — API REST avec authentification JWT, validation et documentation OpenAPI. Frontend en cours.
API REST Express sous /api/v1 avec middleware d'autorisation basé sur les rôles.
Validation Zod avec spécification OpenAPI générée automatiquement et Swagger UI.
Suite de tests Vitest exécutée contre une MongoDB en mémoire.
Node.js
Express
MongoDB
Mongoose
Zod
JWT
Dépôt GitHub
React Admin Dashboard
Un dashboard d'administration au thème sombre avec pages de gestion, graphiques et animations — entièrement basé sur des données fictives.
- React
- TypeScript
- Vite
- Tailwind CSS
- Recharts
- Framer Motion
React Admin Dashboard
octobre 2024
Un dashboard d'administration au thème sombre avec pages de gestion, graphiques et animations — entièrement basé sur des données fictives.
Pages de vue d'ensemble, produits, utilisateurs, ventes, commandes, analytique et paramètres.
Visualisations Recharts, transitions Framer Motion et barre latérale repliable animée.
Tableaux avec recherche, actions par ligne et notifications toast.
React
TypeScript
Vite
Tailwind CSS
Recharts
Framer Motion
Captures d'écran
Dépôt GitHub Démo en ligne
Blog — Next.js + Sanity
Un blog rendu côté serveur propulsé par Next.js et Sanity CMS, avec des pages statiques rapides et un studio de contenu intégré au dépôt.
- Next.js
- React
- TypeScript
- Sanity
- Tailwind CSS
Blog — Next.js + Sanity
juillet 2024
Un blog rendu côté serveur propulsé par Next.js et Sanity CMS, avec des pages statiques rapides et un studio de contenu intégré au dépôt.
Pages générées statiquement avec ISR, actualisant le contenu toutes les 10 minutes.
Le studio Sanity vit dans le dépôt en tant que membre du workspace pnpm, partageant un seul lockfile.
Requêtes GROQ typées, mode sombre et métadonnées SEO réelles par article.
Next.js
React
TypeScript
Sanity
Tailwind CSS
Dépôt GitHub
Image Slider
Un slider d'images minimaliste et sans dépendances, construit en JavaScript pur.
- HTML
- CSS
- JavaScript
Image Slider
mai 2024
Un slider d'images minimaliste et sans dépendances, construit en JavaScript pur.
HTML, CSS et JavaScript purs, sans aucun framework.
HTML
CSS
JavaScript
Dépôt GitHub Démo en ligne
Music Player
Un lecteur de musique responsive et mobile-first avec contrôles de lecture et raccourcis clavier.
- HTML
- CSS
- JavaScript
Music Player
mai 2024
Un lecteur de musique responsive et mobile-first avec contrôles de lecture et raccourcis clavier.
Lecture/pause, changement de piste, lecture aléatoire, répétition et contrôle du volume.
Raccourcis clavier pour la lecture et les actions rapides.
HTML
CSS
JavaScript
Captures d'écran
Dépôt GitHub Démo en ligne
NFTC
Une landing page mobile-first de marketplace NFT.
- HTML
- CSS
- JavaScript
NFTC
mai 2024
Une landing page mobile-first de marketplace NFT.
Design moderne et épuré avec Ionicons et compatibilité multi-navigateurs.
HTML
CSS
JavaScript
Captures d'écran
Dépôt GitHub Démo en ligne
COVID-19 Info
Un site mobile-first présentant des informations sur le COVID-19.
- HTML
- CSS
- JavaScript
COVID-19 Info
mai 2024
Un site mobile-first présentant des informations sur le COVID-19.
Interface claire et conviviale avec Ionicons et adaptation à tous les écrans.
HTML
CSS
JavaScript
Captures d'écran
Dépôt GitHub Démo en ligne
Nike Landing Page
Une landing page moderne et responsive pour une marque de sport, construite avec React et Tailwind.
- React
- Vite
- Tailwind CSS
Nike Landing Page
avril 2024
Une landing page moderne et responsive pour une marque de sport, construite avec React et Tailwind.
Interface contemporaine et épurée, entièrement responsive.
React
Vite
Tailwind CSS
Captures d'écran
Dépôt GitHub Démo en ligne
Brainwave
Une landing page axée sur l'IA avec des effets de parallaxe immersifs.
- React
- Vite
- Tailwind CSS
Brainwave
avril 2024
Une landing page axée sur l'IA avec des effets de parallaxe immersifs.
Effets de parallaxe via react-just-parallax et gestion du comportement de défilement.
React
Vite
Tailwind CSS
Captures d'écran
Dépôt GitHub Démo en ligne
Simple Cool Projects
Une collection de petits projets amusants en HTML/CSS/JS.
- HTML
- CSS
- JavaScript
Simple Cool Projects
mars 2024
Une collection de petits projets amusants en HTML/CSS/JS.
Mini applications et widgets d'interface en JavaScript pur.
HTML
CSS
JavaScript
Dépôt GitHub Démo en ligne
Sushi
Une page élégante pour un restaurant de sushi avec animations au défilement.
- HTML
- CSS
- JavaScript
- AOS
Sushi
février 2024
Une page élégante pour un restaurant de sushi avec animations au défilement.
Animations de défilement AOS sur un design propre et responsive.
HTML
CSS
JavaScript
AOS
Captures d'écran
Dépôt GitHub Démo en ligne
Sneakers E-commerce
Une boutique de sneakers sur deux pages avec sliders et animations au défilement.
- HTML
- CSS
- JavaScript
- Gulp
- Swiper
Sneakers E-commerce
décembre 2023
Une boutique de sneakers sur deux pages avec sliders et animations au défilement.
CSS structuré selon la méthode BEM, sliders Swiper, Boxicons et animations ScrollReveal.
HTML
CSS
JavaScript
Gulp
Swiper
Captures d'écran
Dépôt GitHub Démo en ligne
Travelia
Une landing page de voyage mobile-first pour mettre en valeur des destinations.
- HTML
- CSS
- JavaScript
Travelia
décembre 2023
Une landing page de voyage mobile-first pour mettre en valeur des destinations.
Mise en page élégante et propre, réalisée en HTML sémantique et JavaScript pur.
HTML
CSS
JavaScript
Captures d'écran
Dépôt GitHub Démo en ligne
Autofix
Un site responsive pour un service automobile, conçu mobile-first.
- HTML
- CSS
- JavaScript
Autofix
décembre 2023
Un site responsive pour un service automobile, conçu mobile-first.
Balises sémantiques bien structurées avec un CSS organisé et maintenable.
HTML
CSS
JavaScript
Captures d'écran
Dépôt GitHub Démo en ligne
Metalink NFT
Une landing page de collections NFT avec slider interactif et FAQ en accordéon.
- HTML
- CSS
- JavaScript
Metalink NFT
décembre 2023
Une landing page de collections NFT avec slider interactif et FAQ en accordéon.
Slider des meilleures collections, section FAQ en accordéon et en-tête révélé au défilement.
HTML
CSS
JavaScript
Captures d'écran
Dépôt GitHub Démo en ligne
Grilli Restaurant
Un site de restaurant avec préchargement, slider héro et effets de parallaxe.
- HTML
- CSS
- JavaScript
Grilli Restaurant
décembre 2023
Un site de restaurant avec préchargement, slider héro et effets de parallaxe.
Slider héro à rotation automatique avec navigation manuelle et effets de brillance au survol.
HTML
CSS
JavaScript
Captures d'écran
Dépôt GitHub Démo en ligne
Evara E-commerce
Un site e-commerce responsive construit avec HTML, CSS et JavaScript.
- HTML
- CSS
- JavaScript
Evara E-commerce
novembre 2023
Un site e-commerce responsive construit avec HTML, CSS et JavaScript.
Mise en page moderne centrée sur les produits, adaptée à toutes les tailles d'écran.
HTML
CSS
JavaScript
Captures d'écran
Dépôt GitHub Démo en ligne
Template Three
Un template de site statique entièrement responsive au design moderne.
- HTML
- CSS
Template Three
juillet 2023
Un template de site statique entièrement responsive au design moderne.
HTML sémantique, CSS personnalisé et icônes Font Awesome.
HTML
CSS
Dépôt GitHub Démo en ligne

Tous les projets

KnowSphere

Teamora

Notekeeper

Cook.io

Clone Airbnb

Inktale

Expense Tracker (GraphQL)

GitFinder

Weatherio

Stock Media Platform

Tvflix

Blog API

React Admin Dashboard

Blog — Next.js + Sanity

Image Slider

Music Player

NFTC

COVID-19 Info

Nike Landing Page

Brainwave

Simple Cool Projects

Sushi

Sneakers E-commerce

Travelia

Autofix

Metalink NFT

Grilli Restaurant

Evara E-commerce

Template Three