UCB Valentine 💖

Ce projet est une démonstration des capacités de l'éditeur Google Antigravity, réalisée lors de la session GDG on Campus UCB Bukavu intitulée "From Idea to Production".

Le prompt utilisé pour générer cette application est disponible ici : prompt.md

🌐 Démo en ligne : https://valentine-taupe-seven.vercel.app/

UCB Valentine est une application web premium et responsive conçue pour les étudiants universitaires afin d'échanger des cadeaux numériques et des messages d'appréciation secrets de manière anonyme.

✨ Caractéristiques

• 🌹 Échange de Cadeaux : Offrez des roses, des chocolats, des lettres d'amour, des bijoux ou des ours en peluche.
• 💌 Mots Doux Anonymes : Envoyez des messages d'appréciation secrets en toute sécurité.
• 🔐 Coffre Personnel : Retrouvez tous vos cadeaux et messages reçus dans votre espace privé.
• 🎨 Design Premium : Interface moderne avec effet glassmorphism, animations fluides et thèmes romantiques.
• 📱 Mobile-First : Une expérience optimisée pour smartphone, tablette et bureau.
• 💾 Persistance Locale : Vos données sont sauvegardées localement (localStorage) et survivent au rafraîchissement de la page.

🚀 Technologies Utilisées

• React 19 : Bibliothèque frontend moderne.
• Tailwind CSS v4 : Framework de style de dernière génération pour un design léché.
• Framer Motion : Pour des animations fluides et premium.
• Lucide React : Une bibliothèque d'icônes magnifiques et cohérentes.
• DiceBear Micah API : Génération d'avatars uniques pour chaque utilisateur.

📦 Installation

Suivez ces étapes pour lancer le projet localement :

1. Cloner le dépôt (ou copier les fichiers)
2. Installer les dépendances :

   npm install

3. Lancer le serveur de développement :

   npm run dev

4. Ouvrir l'application : Rendez-vous sur http://localhost:5173 (ou le port indiqué dans votre terminal).

🛠 Structure du Projet

• src/hooks/useValentineStore.js : Gestion de l'état centralisé et persistance localStorage.
• src/components/auth/ : Écran d'authentification simplifié.
• src/components/discover/ : Mur des utilisateurs pour découvrir et interagir.
• src/components/vault/ : Espace personnel pour consulter ses trésors reçus.
• src/components/layout/ : Navigation flottante et structure globale.
• src/components/modals/ : Modals interactives pour les cadeaux et messages.

📝 À propos

Ce projet a été développé avec une attention particulière portée à l'esthétique et à l'expérience utilisateur (UI/UX), en utilisant les dernières normes de développement web moderne.

---

Fait avec ❤️ pour la Saint-Valentin à l'UCB.