Skip to content

Driving Web3 Innovation: Collaborative Success in Showcasing Chainlink Functions

Chainlink, the company behind the Web3 services platform and blockchain oracle network of the same name, approached This Dot Labs to build a showcase application featuring Chainlink Functions.


Overview

Chainlink, the company behind the Web3 services platform and blockchain oracle nework of the same name, approached This Dot Labs to build a showcase application featuring Chainlink Functions.

Leveraging our expertise in web development and deep understanding of emerging technologies, we created a compelling application that serves as a valuable model for utilizing Chainlink Functions.

The application enables sponsors to donate MATIC to open-source projects based on specific metrics, showcasing the seamless integration of Chainlink Functions and the power of Web3. Through meticulous planning and iterative development, we successfully demonstrated the capabilities of Chainlink Functions while providing a realistic and practical example for the community.

This application serves as a model for those seeking to utilize Chainlink Functions, offering the community valuable insights on harnessing the capabilities of this powerful tool.


Services Provided

Our team designed, built, and deployed a web3 enabled application using Chainlink Functions.

The application allows sponsors to donate MATIC to open-source projects when certain metrics are met. For instance, a sponsor could say they would donate .05 MATIC for every 1,000 stars that an open-source repository receives. They set up this “contract” which then transfers MATIC from their wallet account to an escrow holding account which can later be claimed by the owner of the open-source repository.


Tech-stack

Chainlink LogoChainlink
NextJS LogoNextJS
Vercel LogoVercel
Tailwind CSS LogoTailwind CSS
  • Chainlink Functions was a requirement for this application. Chainlink Functions is a Web3 serverless developer platform that allows developers to fetch any data from any API and run custom compute on Chainlink's highly secure and reliable network.
  • Next.js enables you to create full-stack Web applications by extending the latest React features, and integrating powerful Rust-based JavaScript tooling for the fastest builds.
  • Vercel is the hosting platform chosen by the client. It provided a robust pipeline including previews with minimal setup and configuration. Vercel is the platform for frontend developers, providing the speed and reliability that innovators need to create at the moment of inspiration.
  • Tailwind CSS is a utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.

This Dot Labs is a development consultancy focused on providing staff augmentation, architectural guidance, and consulting to companies.

We help implement and teach modern web best practices with technologies such as React, Angular, Vue, Web Components, GraphQL, Node, and more.

Chainlink logo

Chainlink is the industry-standard Web3 services platform connecting the people, businesses, and data of today with the Web3 world of tomorrow.

Chainlink Functions is a Web3 serverless developer platform that allows you to fetch any data from any API and run custom compute on Chainlink's highly secure and reliable network. Read the docs here.

Thinking in Web3

During our initial planning discussions with Chainlink, we thoroughly reviewed their requirements and embarked on creating an application that serves as an exemplary showcase for Chainlink Functions while integrating the GitHub API to facilitate sponsorship of open-source repository owners.

Our iterative process involved gaining an in-depth understanding of Chainlink Functions, leading us to refine our approach and make significant enhancements to align with the principles of Web3. We replaced a database-first approach with secure payable contracts and seamlessly integrated the front-end with the blockchain, resulting in a final version where a single smart contract acts as the application's core, managing vital logic and ensuring authorized access to rewards through Chainlink Functions.

This product not only boasts a user-friendly web UI but also operates independently of web2 technology, truly exemplifying the power and potential of Chainlink Functions.

Chainlink Functions Diagram

Working with a Product in the Beta Phase

Working with a product in its beta phase presents unique challenges that require careful navigation. One such challenge is the limited availability of online resources, which can make troubleshooting and problem-solving more complex, as novel issues may arise. Our team was able to effectively take on this challenge by relying on our extensive knowledge and expertise to find innovative solutions to the problems we encountered.

Another significant challenge during the beta phase was ensuring the inclusion of all developers in the development process, particularly considering the restrictions imposed by Chainlink's beta, where only approved wallets could interact with the system. This led to complications when unapproved wallets attempted to utilize our contracts, causing initial communications to succeed but subsequent failures.

After thorough discussions with the client, we determined that the most effective approach was to prioritize the seamless integration of our application with Chainlink Functions, and consequently, we chose not to address this specific edge-case. This decision proved beneficial, as it eliminated the issue altogether, streamlining the development process and ensuring a successful final application launch.

Showcasing a New Product

Distinguishing between development approaches for optimal end-user experience and showcasing a software library is essential. Prospective users of the library require a clear and concise example that effectively demonstrates how to utilize the product.

Our team skillfully balanced the dual responsibilities of building a functional application while also writing code as comprehensive documentation. Employing an iterative process, we eliminated unnecessary code and prioritized creating impactful examples. This approach proved successful in achieving our goal of designing an application that not only effectively showcased the capabilities of Chainlink Functions but also provided a practical and realistic example for users, rather than a contrived demonstration.

Chainlink Functions Product

Summary

This collaboration with Chainlink showcases the outstanding capabilities and expertise of This Dot Labs in web development and emerging technologies.

We successfully delivered a showcase application featuring Chainlink Functions, serving as a valuable model for leveraging this powerful tool.

Our team seamlessly integrated the GitHub API to enable users to sponsor open-source repository owners, exemplifying the seamless integration of Chainlink Functions and the power of Web3.

By leveraging our meticulous planning and iterative development process, we not only demonstrated the capabilities of Chainlink Functions but also provided a practical and realistic example for the community.

This Dot Labs' dedication to delivering exceptional results and our ability to navigate challenges make us the ideal partner for projects requiring cutting-edge technology implementation and expert web development services.

Let's innovate together!

We're ready to be your trusted technical partners in your digital innovation journey.

Whether it's modernization or custom software solutions, our team of experts can guide you through best practices and how to build scalable, performant software that lasts.

Prefer email? hi@thisdot.co