Projet du semestre 2 lors de mon BUT MMI1
Janvier 2025 - Juin 2025
Pendant le deuxième semestre de ma première année de BUT MMI, avec deux autres camarades, nous avons mené un projet collectif visant à développer un site web fictif. Ce site était conçu pour être une application moderne, avec une interface utilisateur dynamique, et devait utiliser une base de données pour stocker des contenus. Nous avons choisi d’utiliser Astro, TailwindCSS, JavaScript et Pocketbase pour construire cette application.
Au début du projet, notre groupe s’est réuni pour définir les besoins et les fonctionnalités principales : quelles pages devaient être présentes, comment structurer les données et comment les utilisateurs pourraient interagir avec le site. Nous avons listé les contenus à gérer (articles, éléments dynamiques, utilisateurs fictifs) et imaginé leur présentation dans l’interface.
La répartition des rôles au sein du groupe a été la suivante :
Communication : un membre s’est occupé de la stratégie de communication et de la présentation du projet,
Design : un membre a conçu l’identité visuelle et la mise en page des maquettes,
Développement : je me suis chargé de tout le développement technique du site, incluant l’intégration des fonctionnalités, la liaison avec la base de données et les interactions dynamiques.
J’ai développé le site avec Astro, ce qui a permis de créer des pages performantes et modulaires. Pour le design, j’ai intégré les éléments créés par notre designer en utilisant TailwindCSS, ce qui a permis d’obtenir un rendu moderne et responsive.
Avec JavaScript, j’ai géré les interactions dynamiques, comme le chargement conditionnel des données et la mise à jour des sections sans recharger la page. La base de données Pocketbase a été utilisée pour stocker et gérer les contenus dynamiques, offrant un backend léger adapté à un projet étudiant.
Cette architecture a permis de construire une application complète, modulable et facile à maintenir, avec des pages statiques et dynamiques.
Bien que le site ne soit plus accessible en ligne à cause de l’arrêt du serveur VPS, le projet est entièrement documenté et montre notre travail collectif : développement full‑stack, utilisation de technologies modernes et répartition efficace des rôles entre communication, design et développement.