Project Name: TronXplore
Project Track: Artistry
Team Name: TronEducators
Team Member(s): @ElevenGracy + 1
DevPost Project Link: Tronxplore | Devpost
Project Goal:
The goal of TronXplore is to gamify the process of learning the Tron blockchain by allowing users to complete interactive tasks and quests. Through practical experience, users will gain knowledge of Tron’s key features such as energy, bandwidth, token transactions, and transaction hashes. Upon completing all tasks, users will receive a certificate in the form of an NFT, demonstrating their mastery of the platform.
Project Value:
TronXplore brings value by making blockchain education engaging, interactive, and accessible for beginners. By integrating learning with actual blockchain interactions, users can gain real-world experience in sending tokens, managing energy and bandwidth, and exploring transaction details. The project promotes the adoption of Tron and helps users understand the technology behind it through practical application.
Project Info:
TronXplore is an innovative, gamified platform designed to make learning the Tron blockchain both interactive and rewarding. The platform breaks down complex blockchain concepts into engaging tasks and quests, allowing users to learn by doing. Each task covers an essential aspect of Tron, including energy consumption, bandwidth allocation, sending and receiving tokens, and understanding transaction hashes.
Project Website: https://tronxploreweb.vercel.app/
Project Demo: https://youtu.be/VR7_Ei4coeg
Pitchdeck:
TronXplore.pdf (2.2 MB)
Project App : https://tronxplore-app.vercel.app/
Project Test Instructions:
- Connecting to the Platform:
- First, connect to the public lobby.
- Enter a unique username that you will use throughout your journey. Please remember this username because you will need it to log back in if you exit the platform. It’s important to create a name that is unique to you.
- Reading Instructions:
- Once connected, make sure to close the instruction popup after reading all the guidelines carefully.
- Starting Your Journey:
- After closing the popup, your character will appear on the game board. Look around for a growing circle—this marks your current task location.
- When you reach the circle, wait a few seconds for the task details popup to appear.
- Completing Tasks:
- Review the task information provided in the popup. When you’re ready, click the Task button to navigate to the task page.
- After completing a task, click the Continue Journey button to return to the game board and continue to your next task.
- Important Notes:
- Make sure to read each task’s instructions carefully. Completing tasks will help build your confidence and understanding of the Tron blockchain.
- Take your time, engage with the content, and ensure you perform each task to the best of your ability.
- Earning Your Certificate:
- Once you have completed all tasks, you will be eligible for a certificate in the form of an NFT, which will be sent directly to your wallet. This certificate is a reward for your time and effort in learning about the Tron blockchain.
Project Details:
TronXplore gamifies the educational experience of learning blockchain by breaking it down into interactive quests. Users are taken on a journey that starts with simple tasks like connecting their wallet and progresses to more complex operations like managing energy, bandwidth, and sending tokens. The project is built using TRON’s network and rewards users with an NFT certificate upon task completion.
Smart Contract links:
TRC20 Factory contract address
TRC721 contract address
Features Scope:
Note: This is the current scope, but we will try to expand it based on community feedback
- Create A wallet
- Connect Wallet to a website
- Sign A transaction
- Get Test Trx
- Send Trx to an Address
- Check Bandwidth and Energy used
- Get Energy for use by staking
- Mint TRC20 Tokens
- Approve Tokens for transfer and Transfer TRC20 Tokens
- View Transaction
- Give Certificate for completed Tasks
Project Milestones:
Milestone 1: Implement Gamified Learning Structure and Introductory Quests
- Frontend Development:
- Design the user interface (UI) for the onboarding flow.
- Implement the basic structure for user profiles and progress tracking through tasks.
- Develop a dashboard to display the current task, quest progress, and a reward tracker.
- Backend Development:
- Set up user authentication and wallet connection through TronLink.
- Develop a database to store user progress, wallet addresses, and task completions.
- Implement API endpoints to communicate task progress from frontend to backend.
- Expected Deliverables: (Completed)
- Fully functioning user interface for onboarding and learning journey.
- Backend setup for user profiles and task management.
- Basic connection to Tron blockchain for wallet interactions.
- Target Date: Week 1 (Start Date: 11-09-2024)
Milestone 2: Integrate Tron Blockchain Interactions for Task Completion
- Frontend Development:
- Create interactive learning quests related to Tron’s key features (e.g., understanding energy and bandwidth, sending tokens).
- Implement step-by-step guides within the UI to help users navigate through Tron-related tasks…
- Backend Development:
- Integrate Tron blockchain functionality for wallet interactions (e.g., sending tokens, querying energy/bandwidth usage and all the task list in features).
- Develop smart contract interaction logic for storing task completions on-chain where necessary.
- Build APIs to validate and log successful task completions (e.g., confirming that a user successfully sent tokens).
- Expected Deliverables: (Completed)
- Frontend interface with live blockchain interactions.
- Tron blockchain interaction APIs to handle token transfers, view transaction hashes, etc.
- Smart contracts for handling task completions and rewards.
- Target Date: Week 2 (18-09-2024 to 25-09-2024)
Milestone 3: Implement NFT Certificate for Task Completion
- Frontend Development:
- Develop UI for the NFT reward system, showing progress towards earning the NFT certificate.
- Integrate the NFT minting process into the final stage of the learning journey.
- Create a “Certificate” section in the dashboard where users can view and display their earned NFT.
- Backend Development:
- Implement a smart contract for issuing NFT certificates upon task completion.
- Integrate backend logic to verify that all tasks have been completed before the NFT is minted.
- Deploy the smart contract on the TRON testnet/mainnet for NFT issuance.
- Expected Deliverables: (Completed)
- Functionality to mint and display NFT certificates as proof of task completion.
- Full integration with smart contracts to ensure a seamless experience.
- Backend verification process to ensure task completions are accurate and secure.
Target Date: Week 3 (25-09-2024 to 02-10-2024)
Milestone 4: Testing, Debugging, and Public Launch
- Frontend Development:
- Conduct comprehensive testing on the user interface to ensure seamless transitions between tasks and clear feedback for blockchain interactions.
- Fix any UI/UX issues discovered during testing.
- Backend Development:
- Perform rigorous testing of blockchain interactions, including wallet connections, transaction submissions, and gas fees.
- Debug the smart contracts to ensure the correct issuance of NFT certificates.
- Deployment:
- Deploy the frontend to the public domain
- Open the platform to the public for onboarding and task completion.
- Expected Deliverables: (Completed)
- Fully functioning and publicly accessible learning platform.
- Debugged smart contracts ready to mint NFTs.
- Public launch of TronXplore for user testing and participation.
- Target Date: Week 4 (02-10-2024 to 07-10-2024)
Project Screenshot:
- Lobby Page
2. Create Your Username
3. Glowing Point For Task
4. Navigate to Task by Glowing Points
5. Complete Task
6. Task Interaction
7. Leaderboard
8. NFT Certificate