🎵 Philmar

Site web d'artiste développé avec Next.js 14 & NestJS

🌐 Déploiement

Service	Plateforme	URL
🖥️ Frontend	Vercel	philmar.vercel.app
⚙️ Backend	Render	philmar-backend.onrender.com

🛠️ Stack technique

• Frontend : Next.js 14 · React 18 · Tailwind CSS · Framer Motion
• Backend : NestJS · Passport JWT · Sharp · Multer
• Monorepo : Yarn Workspaces · Concurrently

🚀 Installation

📋 Prérequis

• Node.js (v18 ou supérieur)
• Yarn (v1.x)

📥 Cloner le repo

git clone https://github.com/bateltech/philmar.git
cd philmar

📦 Installer les dépendances

yarn install          # dépendances racine (concurrently)
yarn install:all      # dépendances frontend + backend

⚙️ Configurer l'environnement

cp backend/.env.example backend/.env

Renseigner les variables dans backend/.env :

Variable	Description
ADMIN_USERNAME	Nom d'utilisateur admin
ADMIN_PASSWORD_HASH	Hash bcrypt du mot de passe (générer avec yarn hash-password dans /backend)
JWT_SECRET	Chaîne aléatoire de 64 caractères
JWT_EXPIRY	Durée du token (ex: 24h)
CORS_ORIGIN	URL du frontend (ex: http://localhost:3001)

▶️ Lancer le projet

# 🔥 Frontend + Backend en même temps
yarn dev

# 🖥️ Frontend uniquement (port 3001)
yarn dev:front

# ⚙️ Backend uniquement (port 3000)
yarn dev:back

Le frontend sera accessible sur http://localhost:3001 et le backend sur http://localhost:3000.

---

📝 To Do

Page Instruments

• Component Ateliers
• Component Instruments
• Component Avis

Page Voix

• Introduction (Méthode / Objectifs / Moyens)
• Component Stages / Ateliers / Cours
• Filtres pour le component
• Component Avis

Page Discographie

• Ajouter les liens d'achats
• Ajouter un mini lecteur minimaliste pour chaque disco
• Filtres de tri
• Titre qui slide à gauche s'il est trop long

Page Concerts

• Carrousel des concerts
• Résoudre le glitch visuel

Page Spectacles

• Carrousel de spectacles
• Résoudre le glitch visuel

Page Accueil

• Lecteur SoundCloud customisé
• Mini lecteur customisé version mobile
• Drag & Drop le lecteur

Page Programmateurs

• [ ]
• [ ]
• [ ]

Footer

• Formulaire de contact

Pages Admin

• Ajouter/supprimer/modifier des enregistrements
• [ ]
• [ ]
• [ ]

Animation

• Page Accueil
• Page Discographie
• Page Biographie
• Page Concerts
• Page Spectacles
• Page Instruments
• Page Voix
• Page Programmateurs

Responsivity

• Page Accueil
• Page Discographie
• Page Biographie
• Page Concerts
• Page Spectacles
• Page Instruments
• Page Voix
• Page Programmateurs
• Pages Admin

SEO

• Page Accueil
• Page Discographie
• Page Biographie
• Page Concerts
• Page Spectacles
• Page Instruments
• Page Voix
• Page Programmateurs