Une application web pour créer ou rejoindre des salles où les utilisateurs peuvent télécharger et voter sur des paires d'images : une photo réelle prise dans un bâtiment et sa contrepartie générée par IA.
- Création et gestion de salles via des codes
- Deux types de salles :
- Salle A : Seul le propriétaire peut télécharger des paires d'images, tous les participants votent
- Salle B : Chaque participant télécharge une paire d'images, puis tout le monde vote
- Interface utilisateur intuitive et responsive
- Téléchargement d'images direct vers Cloudinary
- Affichage des résultats avec classement
- Next.js 14 avec App Router
- TypeScript
- Tailwind CSS
- Shadcn UI
- Zustand pour la gestion d'état
- Cloudinary pour le stockage d'images
- Créez un compte sur Cloudinary
- Créez un dossier nommé "votesapp"
- Créez un preset d'upload non signé appelé "votesapp" avec les paramètres suivants :
- Folder: votesapp
- Access mode: public
# Cloner le projet
git clone https://github.com/votre-nom/cg-imagesvoter-v2.git
cd cg-imagesvoter-v2
# Installer les dépendances
npm install
# Créer un fichier .env.local avec les variables Cloudinary
echo "CLOUDINARY_CLOUD_NAME=dfg00sn5a" > .env.local
echo "CLOUDINARY_API_KEY=344189791562658" >> .env.local
echo "CLOUDINARY_API_SECRET=iCNi-mNOTDn-DhRlSbt0uHh-r3A" >> .env.local
# Démarrer le serveur de développement
npm run dev- Ouvrez l'application dans votre navigateur (http://localhost:3000)
- Entrez votre nom d'utilisateur
- Créez une salle (Type A ou B) ou rejoignez une salle existante avec un code
- Téléchargez vos images (photo réelle et image générée par IA)
- Votez pour les meilleures paires d'images
- Visualisez les résultats
/src/app- Pages de l'application Next.js/src/components- Composants UI réutilisables/src/lib- Utilitaires et logique métier/public- Ressources statiques
MIT