[FEAT]: Implement Real-Time Blockchain Data on Landing Page

[derianrddev]

📘 Description

The landing page should display real-time data from the Stellar blockchain, including network status, gas fees, and 24-hour trading volume. This will enhance transparency and provide users with up-to-date information on the platform’s activity.

✅ Acceptance Criteria

• Retrieve and display network status (e.g., Active/Inactive).
• Fetch and show 24-hour trading volume.
• Retrieve current gas fees.
• Ensure data updates dynamically at regular intervals.
• Update en.ts and es.ts files respectively

🌎 References

📜 Additional Notes

⚠ Do not apply until the ODBuilt begins.

⚠ Please review the following guidelines before applying:

• Contribution Guidelines 💻
• Issues Guidelines ⚠️
• Git Guidelines 🐈‍⬛

[Stepcu]

Request for Issue Assignment: "Develop Real-Time Data Display for Landing Page"

🔍 Why Assign Me?

With over three years of experience in front-end development and as a member of Dojo Coding, I have a strong background in creating dynamic and data-driven web applications. My expertise in integrating APIs and real-time data feeds makes me well-equipped to enhance the landing page with live blockchain data. I am committed to improving transparency and user engagement by providing up-to-date information directly on the platform.

🔧 How I Will Solve It

Understanding Data Requirements:

Identify the specific data points needed from the Stellar blockchain, including network status, gas fees, and 24-hour trading volume.
Ensure that the data is accurate and reflects real-time changes.
Integrating Stellar Blockchain API:

Utilize the Stellar blockchain API to fetch the required data points.
Ensure secure and efficient API calls to retrieve network status, trading volume, and gas fees.
Developing Real-Time Data Display:

Implement a user-friendly interface to display the fetched data on the landing page.
Use clear and concise visual elements to represent network status, trading volume, and gas fees.
Ensuring Dynamic Updates:

Set up a system to update the displayed data at regular intervals, ensuring users always have access to the latest information.
Optimize the update frequency to balance real-time accuracy with performance.
Testing and Validation:

Conduct thorough testing to ensure data accuracy and display functionality across different devices and browsers.
Validate that the data updates dynamically and reflects real-time changes on the Stellar blockchain.
Documentation and Maintenance:

Document the integration process and provide guidelines for future updates or modifications.
Ensure the solution is maintainable and scalable for future enhancements.
🚀 Next Steps

I am excited to enhance the landing page with real-time blockchain data, providing users with transparent and up-to-date information. Please assign this issue to me, and let's improve the platform's transparency and user experience together. Thank you!

[ekumamatthew]

I'd like to handle this task.

[1nonlypiece]

Ready to Take This On! 🚀

Hey there! I’d love to take on this task and bring my expertise to the table.

💡 Why I’m a Great Fit

• Deep StarkNet & Cairo Knowledge – Experienced in writing secure and optimized smart contracts.
• Full-Stack Proficiency – Skilled in Rust, Node.js, Prisma for backend and React, Next.js for frontend.
• Clean & Scalable Code – I follow best practices to deliver maintainable, optimized, and security-focused solutions.

⏳ My Plan

I can complete this within 24 hours, ensuring all necessary updates are made and tested.

Would love to move forward—let me know what you think! 🚀

[greatest0fallt1me]

---

🚀 Introduction

Hello! I’d love to work on this and help improve the project structure.
With my experience in Cairo, StarkNet, and smart contracts, I can ensure a smooth and efficient implementation.

---

🔥 About Me

I am a Blockchain Specialist passionate about delivering efficient and secure blockchain solutions.

🔹 Skills & Expertise

• 🔗 Blockchain Specialist

  • 💡 Proficient in Ethereum, Hyperledger, and smart contract development.
  • 🔒 Ensuring secure and efficient blockchain implementations.

• 💻 Full-Stack Developer

  • ⚙️ Backend: Node.js, Express.
  • 🎨 Frontend: React, Next.js for interactive and dynamic user interfaces.

• 📈 Agile Practitioner

  • 🚀 Advocate of Agile methodologies and cross-functional teamwork.
  • 📅 Focused on delivering projects on time, within scope, and with high quality.

---

⏳ Estimated Time

I will complete this task within one day, ensuring everything is properly updated and thoroughly tested.

---

🔥 Let me know if I can get started—excited to contribute! 🚀

[derianrddev]

👋 Hello @Stepcu! any updates on this? If there’s no response by tomorrow, we’ll need to reassign it.

[Stepcu]

Hi @derianrddev

I had a family emergency with my kids, so I couldn't finish earlier, but I am currently adding my PR.

Thanks!!

[derianrddev]

@Stepcu Hope everything is okay with your family. Thanks for the update.

[Stepcu]

Pull Request here #190 @derianrddev