Un site mémoriel interactif pour retracer et partager les histoires familiales de la Première Guerre mondiale.
relatives-remembered.vercel.app
Relatives Remembered est une application web développée dans le cadre d’un programme intensif de l’University of Portsmouth (Avril – Juin 2025) en collaboration avec le WW1 Remembrance Centre (WW1RC). L’objectif était de permettre au public de conserver, partager et rechercher des anecdotes sur leurs proches ayant participé à la Grande Guerre.
Projet réalisé par :
- Projet de 6 semaines en équipe fullstack internationale.
- Réalisé à Portsmouth (UK) pour le WW1 Remembrance Centre.
- Collaboration directe avec les commanditaires : Ben French & Charles Haskell.
- Méthodologie agile (sprints hebdomadaires, backlog, revues client).
- Rechercher des soldats ou défunts par nom ou lieu.
- Partager des anecdotes, souvenirs ou photos.
- Accéder à des profils publics de défunts (bio, dates, anecdotes).
- Gérer un espace personnel avec sa propre liste de proches enregistrés.
- Administration légère pour vérifier les soumissions (partie exclue dans la version finale livrée).
- Vue.js 3 + Vite
- Vue Router, Composition API
- Tailwind CSS + CSS custom
- Authentification avec Supabase
- Node.js + Express.js
- Base de données Supabase (PostgreSQL)
- Middleware JWT pour la sécurité
- API REST modulaire (anecdotes, défunts, auth)
- Node.js >= 16
- Compte Supabase
- Vite, npm ou yarn
# Backend
cd backend
npm install
npm start
# Frontend
cd frontend
npm install
npm run devLe frontend tourne sur http://localhost:5173 et le backend sur http://localhost:3000.
/: page d’accueil (moteur de recherche + mises en avant)/about: présentation de l’équipe et de la mission WW1RC/signupet/login: création et gestion de compte/monespace: espace utilisateur avec profil, défunts enregistrés/ajouter: formulaire d’ajout d’un proche (nom, date, anecdote, image)/dead/:id: fiche d’un défunt avec anecdotes associées
/: page d’accueil/aboutet sous-pages : informations, contact, équipe, fondateur/list: liste des hommages/signup,/login: inscription et connexion/donation: faire un don/templateet/template/:id: modèles ou fiches hommages accessibles à tous
/survey: questionnaire utilisateur/my-space/infos: informations personnelles/my-space/pages-created: hommages créés par l’utilisateur/edit-page/:id: modification d’un hommage existant