GemQuest

Développeurs

• ANO Maxence
• CERLO Remy
• SCOTTE Alexandre

Liens

Notre dApp GemQuest

Notre Program

Le Readme du front_end

Présentation du projet

GemQuest est une application décentralisée (DApp) basée sur la blockchain Solana, conçue pour offrir une expérience interactive centrée sur la gestion de tokens et l'échange de NFTs. Les utilisateurs peuvent participer à des quizz interactifs, gagner des tokens, et les utiliser pour acheter des NFTs uniques dans une marketplace intégrée. L'application combine des éléments de jeu avec des transactions blockchain pour créer une plateforme immersive et engageante.

Voici un résumé du diagramme de séquence disponnible dans la partie

    sequenceDiagram
        Frontend->>+Web3Auth: Authentication
        Web3Auth-->>-Frontend: User Public Key
        Frontend->>+Program: Get/Update (data)
        Program-->>-Frontend: NFT list, token balance
        Program-->>+ Program : Burn Token
        Frontend->>+Openai: QRcode scan
        Openai-->>-Frontend: Quizz generated

Loading

Aperçu de l'application

https://www.loom.com/share/0315bcb42a6c4fa2a6a59e41482692c5

Technologies utilisées

Back-End (Blockchain) 🔗 : Link Here

Le back-end de GemQuest est construit sur la blockchain Solana et utilise le framework Anchor pour faciliter le développement de programmes. Anchor permet de gérer de manière robuste et sécurisée les interactions avec la blockchain, incluant la création de tokens, la gestion des NFTs, et les mécanismes de récompense et d'échange :

• Solana Blockchain : Fournit une infrastructure rapide et à faible coût pour les transactions décentralisées.
• Anchor Framework : Simplifie le développement de programme sur Solana en fournissant des outils et des abstractions de haut niveau.

Front-End 🔗 : Link Here

Le front-end de GemQuest est développé avec React et Next.js. Il utilise les librairie Web3Auth pet l'api OpenAi offrant une interface utilisateur réactive et optimisée pour une performance élevée :

• React : Utilisé pour construire une interface utilisateur dynamique et réactive, avec des composants modulaires et réutilisables.
• Next.js : Framework React qui permet le rendu côté serveur pour une meilleure performance et une optimisation SEO. Facilite également le routage et l'intégration API.
• Web3Auth : Assure une authentification sécurisée et sans friction.
• OpenAI : Génère des quizz interactifs, enrichissant l'expérience utilisateur.

Installation et configuration

Pour exécuter GemQuest localement, suivez ces étapes :

1. Clonez le dépôt :

   git clone https://github.com/Crypt0zauruS/gemquest
   cd gemquest

2. Installez les dépendances :

   • Back-end :

     npm install

     ou

      yarn install

   • Front-end :

     cd frontend && npm install

     ou

     cd frontend && yarn install

3. Configurez les variables d'environnement :

   • Dans le repertoire racine, copiez le fichier .env.sample en .env et ajustez les variables nécessaires.

   • Dans le repertoire frontend, copiez le fichier .env.local.sample en .env.local et ajustez les variables nécessaires.

4. Démarrez les serveurs de développement :

   • Lancez le serveur Anchor :

     anchor test

   • Lancez le serveur Next.js :

     npm run dev

Tests unitaires