PortfolioVoir le site

Générateur de bannières pour association esport

BOREAL Studio

Générateur de bannières en ligne pour les membres de l'association BOREAL. Créez des bannières personnalisées avec votre pseudo et votre rôle, puis exportez-les en haute qualité.

Janvier 2026Projet personnel — BOREAL
Next.jsKonva.jsTypeScriptTailwind CSS

01À propos

Le projet

BOREAL Studio est un générateur de bannières en ligne créé pour les membres de l'association BOREAL esport.

L'outil permet de créer des bannières cohérentes avec l'identité visuelle de l'association, en personnalisant son pseudo et son rôle. Tout se passe côté client, sans backend.

Développé en Janvier 2026 avec Next.js pour le framework et Konva.js pour la manipulation du canvas et la génération des images.

02Fonctionnalités

Ce que ça fait

Génération de bannières personnalisées
Choix du format et du modèle
Personnalisation du pseudo et du rôle
Upload de logo personnalisé
Export image haute qualité côté client
Interface responsive et intuitive

03Objectifs

Pourquoi

  • 01Simplifier la création de bannières pour les membres de l'association
  • 02Assurer une cohérence visuelle pour BOREAL
  • 03Offrir un outil accessible sans compte ni installation
  • 04Permettre l'export en haute qualité directement depuis le navigateur

04Technique

Architecture

Frontend

Next.js App Router avec TypeScript. Interface construite avec Tailwind CSS pour un design propre et responsive.

Canvas & Génération

Konva.js pour la manipulation du canvas HTML5 — rendu du texte, des images et des formes. Export PNG haute résolution côté client sans serveur.

Déploiement

Hébergé sur banner.borealesport.fr. Build Next.js optimisé, déploiement continu.