Shogi Strasbourg – Développement d’un site vitrine associatif avec blog (Django REST & Vue.js)

Aperçu

Contexte

Ce projet a été réalisé à la fois pour répondre aux besoins du club de Shogi de Strasbourg (échecs japonais) et dans une démarche personnelle d’amélioration continue. L’objectif était de créer une plateforme dynamique et moderne pour donner de la visibilité au club, faciliter la communication interne, partager les actualités, et valoriser les événements (tournois, initiations…).

Le développement a été réalisé en autonomie, bien que pensé pour des utilisateurs non techniques, avec une interface d’administration Django permettant la gestion des contenus.

Objectif

Créer un site de type blog structuré autour de :

• La publication d’articles avec balises (tags) et mise en avant possible
• L’affichage des actualités du club et des tournois passés ou à venir
• Une page de contact avec envoi de message via email
• Une interface front responsive développée avec Vue.js, Vue Router et Pinia
• Une interface back-office via l’admin Django, réservée aux administrateurs
• Un hébergement sur VPS pour garantir autonomie et évolutivité

Défis techniques

• Mise en place d’une API RESTful structurée pour alimenter le front en temps réel
• Gestion de la mise en avant d’articles (highlighting) pour favoriser certains contenus
• Création d’un système de tags simples, sans moteur de recherche avancé
• SEO standard : titres dynamiques, meta balises, structure HTML propre
• Déploiement et sécurisation sur un VPS économique, suffisant pour les besoins de trafic modéré du club
• Architecture pensée pour être maintenable et évolutive, avec séparation claire des responsabilités

Compétences développées

• Développement d’un front-end Vue.js complet avec Vue Router et Pinia pour la gestion d’état
• Création d’une API Django REST Framework adaptée à un site de contenu
• Intégration d’un formulaire de contact côté front avec gestion de l’envoi d’e-mails
• Déploiement d’un projet auto-hébergé sur VPS
• Structuration du code dans une optique de longévité et de maintenabilité
• Projet associatif valorisant une démarche durable, indépendante et accessible

Liens utiles