"Le jeu est une porte vers l'imaginaire, Gamely vous y emmène !"
Gamely est un mini-site web interactif regroupant plusieurs jeux accessibles en ligne. Ce projet a été réalisé dans le cadre d'un exercice de NSI visant à développer un site web avec HTML, CSS et JavaScript.
🌟 Gamely propose une expérience de jeu immersive avec :
- 🎨 Un design moderne et fluide.
- 📱 Une interface responsive adaptée aux petits écrans.
- 🎡 Un carrousel interactif pour découvrir les jeux facilement.
- 🕹️ Des jeux intégrés accessibles en un clic !
🔗 Le site comprend trois pages principales :
- 🏠 Page d'accueil : Présentation et accès aux jeux via un carrousel dynamique.
- ℹ️ Page "À Propos" : Explication du projet et de son objectif.
- 🎮 Page "Jeux" : Liste des jeux disponibles avec une interface immersive.
✅ Objectifs :
- Créer un site web avec au moins 3 pages distinctes.
- Intégrer une feuille de style CSS avec au moins 10 propriétés CSS.
- Inclure un menu de navigation fluide et responsive.
- Ajouter listes, tableaux et liens internes/externes.
- Insérer des images illustratives et des liens cliquables.
- Respecter les bonnes pratiques de développement web et indiquer les sources.
Découvrez une sélection de jeux variés intégrés à Gamely 🎮
De nouveaux jeux seront ajoutés au fil du temps, et les jeux déjà existants seront enrichis.
Note
Je ne suis pas le créateur de la plupart des jeux. mais je les ai modifiés pour qu'ils soient intégrables, compatibles, optimisés et pour améliorer leur design.
| 🏆 Nom du Jeu | 📝 Description |
|---|---|
| Legilimens (Guess my Card Game) | Devinez la carte cachée grâce à un système de manipulation mathématique. |
| Pacman | Incarnez Pacman et mangez toutes les pac-gommes en évitant les fantômes ! |
| Memory Cards (Jeu de mémoire) | Testez votre mémoire en retrouvant les paires de cartes identiques. |
| LabyQuest (Génération de labyrinthe) | Trouvez la sortie d’un labyrinthe généré aléatoirement. |
| SpeedyVerse | Un jeu de course en 3D où vous devez éviter les obstacles et atteindre la ligne d'arrivée. |
| AI Chess (Jeu d'échecs IA) | Affrontez une intelligence artificielle aux échecs et testez vos stratégies. |
| Quizely | Testez vos connaissances avec des questions variées sur Gamely ! |
🔧 Gamely utilise plusieurs outils et frameworks pour améliorer l'expérience utilisateur :
- 🎨 TailwindCSS → Design rapide et moderne.
- 🎡 Swiper.js → Carrousel interactif et fluide.
- 🎭 AOS.js → Animations au scroll.
- 🌀 GSAP → Animations fluides et dynamiques.
- 📢 SweetAlert2 → Fenêtre d’informations moderne.
- 🎨 Lucide Icons → Icônes stylées pour un rendu professionnel.
- 1️⃣ MDN Web Docs - Documentation
- 2️⃣ Stack Overflow - Forum
- 3️⃣ CSS-Tricks - Blog
- 4️⃣ Can I use - Outil de compatibilité
- 5️⃣ Dribbble - Plateforme créative (inspiration)
Ce projet est sous licence MIT. Veuillez consulter le fichier LICENSE pour plus de détails.
Merci d'avoir pris le temps de découvrir et d'utiliser Gamely. Si ce projet vous a plu ou vous a été utile, n'hésitez pas à lui attribuer une étoile ⭐ sur GitHub. Votre soutien est grandement apprécié !