MANTRA partners with Google Cloud for primary validation on its mainnet, allowing OM staking, RWAs, and developer tools via Web3 Portal.

MANTRA Partners With Google Cloud Following Successful Mainnet Launch

Portal

portal

Linking New York and Dublin via a livestream video portal is actually a stroke of genius. The two cities, separated by an ocean, share elements of history and culture, making them seemingly obvious bedfellows in this artistic endeavor. Created by a Lithuanian artist, and backed by the local councils of both Dublin in Ireland and New York City, the project was designed to foster a unique digital connection and bridge the sea. And while it has done that admirably, the headlines have focused mainly on some of the NSFW behavior exhibited by some of the residents of each city. But while the new livestream portal between the two cities presented a mixed bag of very human behavior, it has also shown another way that technology can be used to bridge gaps. A spokesperson for the Dublin City Council said, “The overwhelming majority of interactions are positive. We have seen families and friends unite, dancing moves being shared as well as new friendships being made. There was even a successful marriage proposal.” And despite the fact that the New York/Dublin link has seen some slightly scandalous headlines, this isn’t actually the first portal. The first cross-city portal link was between Lublin in Poland and Vilnius in Lithuania and has widely been seen as a success. In fact, there are other portals planned soon, with another connection in Brazil, according to the Portals organization website. So far, cool idea - barring some very human issues. But could this be the start of a new way of using digital tools for connecting and communicating? Using Screens to Communicate We’ve all grown used to jumping on a Zoom call, sharing Insta updates, dropping some WhatsApp messages, and even, shock horror, maybe actually calling someone. But the livestream portal suggests that we don’t even need to schedule a call anymore - we could create our own little windows into the world. Mark McDermott, CEO of ScreenCloud, has long been espousing the benefits of connected screens. “We’ve grown used to seeing screens everywhere, often just selling us stuff, reminding us not to leave our luggage lying around or sometimes just blank with an input error message. But portals can be a really good way to use these screens to communicate in a more fluid manner.” As he says, there are a number of ways he sees the potential use cases for this type of technology. “Obviously New York and Dublin are two big global cities. But a portal can be used to connect anything from different business locations, college campuses, events. They could even add a connection for twinned cities - a similar approach to the New York/Dublin Livestream portal, but perhaps with less potential for scandal.” An example of this within a business setting could be using a live stream portal setup in the breakrooms of different branch offices. This then means that distant work colleagues could chat casually over the water cooler, even if they’re in different cities… The same opportunities could be used for school or college campuses, research centers, multi-site events, or government offices. And the opportunity to have an ad-hoc chat over a livestream portal screen could mean less wasted time on meetings that could have been emails. Something that many of us are all too familiar with… If this sounds like it could be tricky to build, create and manage, actually it’s more simple than you might think. Especially when you factor in low-cost hardware and affordable software solutions. Use Cases for Two-Way Live Streaming Live streams are obviously nothing new. Webcams have been around since the internet began, and we’ve seen various platforms adopt live streaming to Q&As and webinars, gaming, and sports events. But two-way live streaming could change elements of the workplace, customer service, how we interact with local government, and even our friends and families! While an open channel to discuss with work colleagues in different locations might seem obvious, another opportunity in customer service could be just as important. Especially in an era where AI is being used to replace human interaction. A two-way livestream could connect shoppers to customer support via a location within a store. Or citizens could attend political rallies, government consultations, or parliamentary sessions from provincial offices, without needing to make a trip to parliament. As Mark McDermott from ScreenCloud points out, “The use cases for creating two way live streaming portals are potentially endless. It could also be an incredible tool for cooperation across different departments or hubs. For example if you have your researchers in one location and product team in another, rather than scheduling daily or weekly meetings, a live portal could facilitate real time collaboration.” What Do You Need to Create a Livestream Portal? The technology linking a livestream portal is actually quite simple and readily available using consumer-grade tech. All you need is a screen on each side with a live streaming connection via a tool such as YouTube Live, Twitch, or Zoom. Those looking for a more solid and permanent stream could also use a tool such as Open Broadcaster Software, which is an open-source live streaming solution. It would then be a case of connecting these dual streams to your display, either via a local hard drive or using a cloud-based digital signage software to stream. Of course, the cloud-based option frees up space, as most modern TVs feature integrated casting. As far as screens go, the choice is as broad as you want it to be. Whether it’s a standard smart TV or an interactive video kiosk. If you’re creating a break room portal, for example, screens connecting two offices, an inexpensive LCD TV would be perfect. For a more public installation, for example in a campus foyer, or at a music festival, you’d need a more hardwearing piece of equipment such as an OLED video wall or freestanding digital signage screen. But the portal has opened up a new way of thinking about how screens communicate. Where will they pop up next? Linking New York and Dublin via a livestream video portal is actually a stroke of genius. The two cities, separated by an ocean, share elements of history and culture, making them seemingly obvious bedfellows in this artistic endeavor. livestream video portal livestream video portal Created by a Lithuanian artist, and backed by the local councils of both Dublin in Ireland and New York City, the project was designed to foster a unique digital connection and bridge the sea. And while it has done that admirably, the headlines have focused mainly on some of the NSFW behavior exhibited by some of the residents of each city. But while the new livestream portal between the two cities presented a mixed bag of very human behavior, it has also shown another way that technology can be used to bridge gaps. A spokesperson for the Dublin City Council said, “The overwhelming majority of interactions are positive. We have seen families and friends unite, dancing moves being shared as well as new friendships being made. There was even a successful marriage proposal.” And despite the fact that the New York/Dublin link has seen some slightly scandalous headlines, this isn’t actually the first portal. The first cross-city portal link was between Lublin in Poland and Vilnius in Lithuania and has widely been seen as a success. Vilnius in Lithuania Vilnius in Lithuania In fact, there are other portals planned soon, with another connection in Brazil, according to the Portals organization website. Portals organization Portals organization So far, cool idea - barring some very human issues. But could this be the start of a new way of using digital tools for connecting and communicating? Using Screens to Communicate We’ve all grown used to jumping on a Zoom call, sharing Insta updates, dropping some WhatsApp messages, and even, shock horror, maybe actually calling someone. But the livestream portal suggests that we don’t even need to schedule a call anymore - we could create our own little windows into the world. Mark McDermott, CEO of ScreenCloud , has long been espousing the benefits of connected screens. ScreenCloud ScreenCloud “We’ve grown used to seeing screens everywhere, often just selling us stuff, reminding us not to leave our luggage lying around or sometimes just blank with an input error message. But portals can be a really good way to use these screens to communicate in a more fluid manner.” As he says, there are a number of ways he sees the potential use cases for this type of technology. “Obviously New York and Dublin are two big global cities. But a portal can be used to connect anything from different business locations, college campuses, events. They could even add a connection for twinned cities - a similar approach to the New York/Dublin Livestream portal, but perhaps with less potential for scandal.” An example of this within a business setting could be using a live stream portal setup in the breakrooms of different branch offices. This then means that distant work colleagues could chat casually over the water cooler, even if they’re in different cities… The same opportunities could be used for school or college campuses, research centers, multi-site events, or government offices. And the opportunity to have an ad-hoc chat over a livestream portal screen could mean less wasted time on meetings that could have been emails. Something that many of us are all too familiar with… If this sounds like it could be tricky to build, create and manage, actually it’s more simple than you might think. Especially when you factor in low-cost hardware and affordable software solutions. Use Cases for Two-Way Live Streaming Live streams are obviously nothing new. Webcams have been around since the internet began, and we’ve seen various platforms adopt live streaming to Q&As and webinars, gaming, and sports events. But two-way live streaming could change elements of the workplace, customer service, how we interact with local government, and even our friends and families! While an open channel to discuss with work colleagues in different locations might seem obvious, another opportunity in customer service could be just as important. Especially in an era where AI is being used to replace human interaction. A two-way livestream could connect shoppers to customer support via a location within a store. Or citizens could attend political rallies, government consultations, or parliamentary sessions from provincial offices, without needing to make a trip to parliament. As Mark McDermott from ScreenCloud points out, “The use cases for creating two way live streaming portals are potentially endless. It could also be an incredible tool for cooperation across different departments or hubs. For example if you have your researchers in one location and product team in another, rather than scheduling daily or weekly meetings, a live portal could facilitate real time collaboration.” What Do You Need to Create a Livestream Portal? The technology linking a livestream portal is actually quite simple and readily available using consumer-grade tech. All you need is a screen on each side with a live streaming connection via a tool such as YouTube Live, Twitch, or Zoom. Those looking for a more solid and permanent stream could also use a tool such as Open Broadcaster Software , which is an open-source live streaming solution. Open Broadcaster Software Open Broadcaster Software It would then be a case of connecting these dual streams to your display, either via a local hard drive or using a cloud-based digital signage software to stream. Of course, the cloud-based option frees up space, as most modern TVs feature integrated casting. As far as screens go, the choice is as broad as you want it to be. Whether it’s a standard smart TV or an interactive video kiosk. If you’re creating a break room portal, for example, screens connecting two offices, an inexpensive LCD TV would be perfect. For a more public installation, for example in a campus foyer, or at a music festival, you’d need a more hardwearing piece of equipment such as an OLED video wall or freestanding digital signage screen. But the portal has opened up a new way of thinking about how screens communicate. Where will they pop up next?

Why the New York-Dublin Portal Marks a New Era in Communication 

By Dan Keene, Chief Business Officer of Portal Cross-chain interoperability is the key to achieving the mass adoption of blockchain technology in any sector. Interoperability enables blockchain networks and protocols to , making it easier for everyday users to engage with blockchain technology. The rise of blockchain technology has led to the development of new blockchain networks that tackle specific niches within certain industries, each blockchain having specialized functions based on its purpose. communicate with each other However, there is no one perfect solution that will be able to meet all of the needs associated with blockchain technology all at once. Therefore, as more organizations become aware of both the challenges and possibilities, the interconnection of unique blockchains is becoming increasingly necessary. Blockchain interoperability refers to a wide variety of methods that enable many blockchains to communicate, share digital assets and data, and work together more effectively. This makes it possible for one blockchain network to share its economic activity with another. For example, interoperability allows transmitting data and assets across different blockchain networks via decentralized cross-chain bridges. One main consequence of this is , the pooling of small, inaccessible pockets of users and liquidity into a single, easy-to-access market. At Portal, we see this is a major step towards bringing mainstream audiences into Web3. More than that, our innovative tech stack, built with LayerZero, allows this interoperability to occur via infrastructure that is . By ensuring user peace of mind and ease of use, we maximize our chances of uptake in blockchain technology. defragmentation trustless the chances of mainstream adoption are significantly smaller unless interoperability issues begin to be resolved. Current processes like bridging or swapping tokens between chains entail significant user frictions; onboarding into Web3 is, at present, clunky and intimidating to prospective users, particularly when sending digital assets between networks. The bottom line: Let’s look at Gaming. Like many established Web2 industries at scale, gaming is currently largely centralized, with all related data stored on a server that is fully controlled by the game administrators. This means that players don’t have real ownership of their accounts and items, and centralized servers present many limitations and vulnerabilities. However, nascent blockchain technology can eliminate or mitigate most of these problems by enabling players to have permanent ownership and full control over their in-game assets. But what happens when players want to move their assets from one chain’s ecosystem to the next? Typically, this is done through clunky “bridging” or “swapping” processes, but these are the opposite: easy and user-friendly. These mechanisms are a world apart from contemporary mainstream payment solutions found in the likes of e-commerce and app stores. Next-gen Web3 solutions like the Portal Wallet allow users to seamlessly and securely move assets (such as currencies, in-game items, skins, and the like) between dApps on different blockchains, boosting trust and reducing friction. Only by solving these very practical considerations can we begin to talk about blockchain and Web3 gaming in terms of utility and possibility rather than processes and pain points. Blockchain interoperability can enable the creation of a unified gaming ecosystem useable by all. Portal is building one such ecosystem, an all-encompassing umbrella where value and users flow easily between walled gardens. The Portal Wallet’s seamless UX makes it the go-to entry point for prospective Web3 gamers, whilst the Portal Platform and Network will leverage world-class representation across entertainment to accelerate adoption by Web2 and 3 games alike. Blockchain-based games allow players to have full control over their in-game assets, which are represented by unique, non-fungible tokens (NFTs). These assets may include in-game cards, skins, equipment, and characters, and they can all be linked to blockchain tokens, which are maintained by a decentralized network. More broadly, blockchain’s ability to transparently record information and transfer assets allows users to capture a portion of the economic value created by gaming. Portal’s extensive entertainment and streaming network allows it to connect games and gamers, with native token $Portal efficiently flowing between all parties. Blockchain interoperability can also enable the creation of decentralized marketplaces, which can be used to trade in-game assets. This will allow for the creation of a more transparent and fair gaming economy, where players can trade their assets without the need for intermediaries, and most importantly, enable the creation of cross-game assets for , creating a much more immersive, enriched gaming experience that paves the way toward a fully realized industry. use across different games What else might then be possible? Once blockchain interoperability happens at scale, it will enable a wide range of products and services outside of gaming. At Portal, we’re constantly keeping an eye on possibilities not just in our own sector, but more broadly. The potential use cases that could emerge are, frankly, myriad, but some great examples are: Interoperability can enable the creation of a unified supply chain ecosystem that can be used by everyone. 1. Supply Chain Management: . This will allow for the seamless transfer of goods and services across different supply chains, making it easier for businesses to track their products and services from start to finish Imagine the reformation of a unified healthcare ecosystem that can be used by everyone. 2. Healthcare: . This will allow for the seamless transfer of medical records and other health-related data across different healthcare providers, making it easier for patients to access their medical records and receive better care Interoperability paves the way for a unified and democratized real estate ecosystem where it’s possible to . 3. Real Estate: seamlessly transfer property titles and other real estate-related data across different real estate providers, making it easier for people to buy and sell properties I’m ready for a world where you can transfer energy credits and other energy-related data across different energy providers, making it easier for people to access renewable energy sources and reduce their carbon footprint. 4. Energy: It’s clear that we stand at the precipice of mass adoption for the industry. Once interoperability is the order of the day, I believe we won’t say things like “Web3” anymore. We’ll just do our business and build great tech using the best infrastructure available, leaving the user to enjoy novel products and experiences as they please. Imagine that! ### About Dan Keene With a career grounded in traditional finance, Dan has 10+ years at the forefront of consumer tech. Named in Forbes’ 30U30 Europe list for 2021, he has spent the majority of his time founding, scaling, and selling companies across multiple sectors. Highlights include scaling one company to Unicorn status and raising $650m in investment for another; investors included the likes of Goldman Sachs and Softbank. Dan has been full-time in Web3 for the last 3 years and is bullish on the disruptive force that blockchain and digital assets can bring to all industries, particularly gaming. About Portal is the universal gaming ecosystem powered by $Portal. Through market-leading tech products and a world-class network, Portal is bringing blockchain gaming to mainstream audiences. It’s the crucial first step in their mission: to onboard the first billion gamers into Web3. The Portal Ecosystem is composed of multiple interconnected elements, each providing a unique value add for users: the universal gaming coin, Portal Platform, Wallet, and Network. With 180+ games integrated at launch, Portal is set to be the world’s access point to Web3 gaming. Portal Follow on X (Twitter) at https://twitter.com/Portalcoin Claim Portal Rewards via__ __ CrystalDash

Crosschain Interoperability: Soon, We Won’t Say “Web3”

By Ezra Strauss, Head of Partnerships at Portal I’m proud to be writing this article about a partnership that will reshape the landscape of Web3 gaming. Portal and Immutable have come together to redefine how games are distributed, monetized, and experienced in the Web3 space. This collaboration isn’t just a strategic business move; it’s a personal milestone for me, reuniting with former colleagues at Immutable, as we aim to push the boundaries of what’s possible in gaming. Together, we’re setting the stage for a new era in the Web3 world, where seamless user experiences and cutting-edge technology converge. But what does this partnership really mean for gamers, developers, and the broader gaming ecosystem? To understand the impact, we need to explore the synergies between Portal and Immutable and why this collaboration has the potential to accelerate the adoption of Web3 gaming. Addressing the Web3 Gaming Challenge The Web3 space has long been a promise of ownership, decentralization, and community-driven innovation. Gaming, in particular, has proved a fertile ground for Web3 disruption - a classic case of innovative technology giving rise to new, high-growth business models. The industry has always always been an early adopter of new tech, from cheap home computing in the 1990s and UGC in the 2010s - to blockchain and AI in the 2020s. This culture of early adoption has led to meteoric growth over the past 3 decades, with gaming now worth $300bn+ yearly. But the Web3 gaming sector has encountered one key challenge—how to reach mainstream audiences. Games built on blockchain technology have struggled with accessibility, distribution, and monetization in ways that traditional gaming companies do not. Players want seamless access and rewards; developers want a robust infrastructure to build games. This is where Portal and Immutable step in. At Portal, we’ve been laser-focused on solving Web3 distribution—connecting games with players through frictionless products that aggregate users across multiple chains. From discovering a Web3 game to playing it, buying in-game assets, joining its community and ultimately becoming an evangelist, our product suite caters to every stage in the prospective Web3 gamer’s journey. By making this process seamless, we massively boost the chances of mass adoption. Ultimately, we want Web3 gaming to be the most accessible and rewarding online experience, period. The first step on this journey is simplifying the payments in the space. With Portal Pay, our cross-chain payments offering, we’re helping games take payments in over 5,000 cryptocurrencies on any chain. Gamers can pay in whatever token they want, and with Pay’s SmartSwap feature, games only receive the token they need. For example, a gamer who only plays Solana-based games might only have $SOL in their Phantom wallet. With Portal Pay, they can buy into a sale on Ethereum without having to bridge, swap, or even create a new wallet. By removing these pain points for both games and gamers, we’re widening the TAM of every game onchain, improving liquidity in the gaming ecosystem in the process. Immutable, on the other hand, has developed a sophisticated gaming platform that allows developers to confidently build and deploy Web3 games while prioritizing usability and security. By leveraging their extensive ecosystem and technology like zero-knowledge (zk) scaling, Immutable empowers developers to create groundbreaking gaming experiences. The Power of Synergy: Portal + Immutable This partnership is about more than just technology integration—it’s about creating a holistic, streamlined experience for players and developers alike. By integrating Immutable chains into the Portal platform, we are enabling game developers to access Portal Pay, our seamless payment and rewards solution, for their in-game economies. This enhances the way transactions, rewards, and player engagement are handled, which is critical in Web3’s user-first world. In addition, Portal’s cross-chain technology is designed to bring users from every blockchain into a single, vibrant ecosystem of games. This is a game-changer for developers on the Immutable platform who now have access to a much broader audience. Gamers can experience titles from Immutable’s impressive roster of games, like Gods Unchained and Guild of Guardians, with less friction, while developers can benefit from Portal’s comprehensive tools to boost monetization and player retention. We’re tackling the liquidity issue head-on, too. By introducing advanced liquidity solutions through this partnership, developers will be able to capture more value from their in-game assets and transactions, while players are rewarded more effectively for their engagement. This adds a new level of depth to the gaming economy and significantly enhances the user experience. A Vision for the Future: Web3 Gaming Meets the Mainstream Looking at the broader picture, the partnership between Portal and Immutable signals the beginning of a Web3 gaming revolution. Data from DappRadar indicates that Web3 gaming generated $3.1 billion in 2023, yet it remains a small fraction of the $184.4 billion global gaming market. The potential for growth is enormous, especially as mainstream audiences begin to realize the benefits of decentralized gaming—true ownership of in-game assets, seamless cross-platform experiences, and innovative monetization strategies. Our collaboration with Immutable is focused on making Web3 gaming more accessible, scalable, and lucrative for everyone involved. We’re already seeing indicators that Web3 gaming will grow exponentially. According to a report by Citi, the Metaverse economy could be worth up to $13 trillion by 2030, and gaming will be at the heart of this digital revolution. As the boundaries between digital and physical worlds continue to blur, Portal and Immutable are uniquely positioned to drive the gaming sector’s transformation, not just in the Web3 space but across the global industry. The Road Ahead: Innovation Through Collaboration For me, personally, this partnership is the culmination of years of dedication to pushing the frontiers of gaming. Working alongside the brilliant team at Immutable, some of whom I’ve had the privilege of collaborating with in the past, has reignited the passion I have for the possibilities that lie ahead. We’re not just enhancing distribution and monetization; we’re creating an entirely new blueprint for how gaming can—and will—thrive in a decentralized world. The next steps in this journey are exciting. With Immutable’s zk-based scaling technology, games can continue to drive down costs and improve scalability, making Web3 games more accessible than ever before. And as Portal continues to innovate with our distribution layer, developers will be able to focus on what they do best: building the next generation of AAA games on any chain, while we connect them with players from around the globe. This is just the beginning. The collaboration between Portal and Immutable is poised to accelerate the adoption of Web3 gaming and bring the future of gaming into the present. Together, we are setting a new standard for what gaming can be—and I couldn’t be more excited for what’s to come. About Ezra Strauss Ezra Strauss is the Head of Partnerships at Portal, a leader in Web3 gaming distribution. Previously, he held roles at Immutable, where he contributed to their mission of revolutionizing blockchain gaming. Ezra is passionate about building synergies between technology and gaming to create experiences that are accessible, rewarding, and enjoyable for players worldwide. About Portal Portal is building the distribution layer for Web3 and beyond. An ecosystem that’s bringing together users from every chain and connecting them with the best dApps in the space – starting with gaming. Via frictionless products, a pioneering liquidity layer, and a world-class network, Portal is helping Web3 solve distribution – aggregating users into a single, vibrant ecosystem in the process. Builders of top-level games and dApps can now focus on creating AAA experiences on any chain – Portal is connecting them to users from around the world. Portal’s advisors include Jamie King, Rockstar Games Co-Founder, Russell Hanson, former CSO of Consensys, Matt Dixon, former Head of BD, EA Games, and John Yao, CEO Team Secret eSports. Portal is proudly represented by WME. For more information, users can follow Portal on X: https://x.com/Portalcoin This story was distributed under HackerNoon’s Business Blogging Program. Learn more about the program here. By Ezra Strauss, Head of Partnerships at Portal I’m proud to be writing this article about a partnership that will reshape the landscape of Web3 gaming. Portal and Immutable have come together to redefine how games are distributed, monetized, and experienced in the Web3 space. This collaboration isn’t just a strategic business move; it’s a personal milestone for me, reuniting with former colleagues at Immutable, as we aim to push the boundaries of what’s possible in gaming. Together, we’re setting the stage for a new era in the Web3 world, where seamless user experiences and cutting-edge technology converge. But what does this partnership really mean for gamers, developers, and the broader gaming ecosystem? To understand the impact, we need to explore the synergies between Portal and Immutable and why this collaboration has the potential to accelerate the adoption of Web3 gaming. Addressing the Web3 Gaming Challenge Addressing the Web3 Gaming Challenge The Web3 space has long been a promise of ownership, decentralization, and community-driven innovation. Gaming, in particular, has proved a fertile ground for Web3 disruption - a classic case of innovative technology giving rise to new, high-growth business models. The industry has always always been an early adopter of new tech, from cheap home computing in the 1990s and UGC in the 2010s - to blockchain and AI in the 2020s. This culture of early adoption has led to meteoric growth over the past 3 decades, with gaming now worth $300bn+ yearly. But the Web3 gaming sector has encountered one key challenge—how to reach mainstream audiences. Games built on blockchain technology have struggled with accessibility, distribution, and monetization in ways that traditional gaming companies do not. Players want seamless access and rewards; developers want a robust infrastructure to build games. This is where Portal and Immutable step in. At Portal, we’ve been laser-focused on solving Web3 distribution—connecting games with players through frictionless products that aggregate users across multiple chains. From discovering a Web3 game to playing it, buying in-game assets, joining its community and ultimately becoming an evangelist, our product suite caters to every stage in the prospective Web3 gamer’s journey. By making this process seamless, we massively boost the chances of mass adoption. Ultimately, we want Web3 gaming to be the most accessible and rewarding online experience, period. The first step on this journey is simplifying the payments in the space. With Portal Pay, our cross-chain payments offering, we’re helping games take payments in over 5,000 cryptocurrencies on any chain. Gamers can pay in whatever token they want, and with Pay’s SmartSwap feature, games only receive the token they need. For example, a gamer who only plays Solana-based games might only have $SOL in their Phantom wallet. With Portal Pay, they can buy into a sale on Ethereum without having to bridge, swap, or even create a new wallet. By removing these pain points for both games and gamers, we’re widening the TAM of every game onchain, improving liquidity in the gaming ecosystem in the process. Immutable, on the other hand, has developed a sophisticated gaming platform that allows developers to confidently build and deploy Web3 games while prioritizing usability and security. By leveraging their extensive ecosystem and technology like zero-knowledge (zk) scaling, Immutable empowers developers to create groundbreaking gaming experiences. The Power of Synergy: Portal + Immutable The Power of Synergy: Portal + Immutable This partnership is about more than just technology integration—it’s about creating a holistic, streamlined experience for players and developers alike. By integrating Immutable chains into the Portal platform, we are enabling game developers to access Portal Pay, our seamless payment and rewards solution, for their in-game economies. This enhances the way transactions, rewards, and player engagement are handled, which is critical in Web3’s user-first world. In addition, Portal’s cross-chain technology is designed to bring users from every blockchain into a single, vibrant ecosystem of games. This is a game-changer for developers on the Immutable platform who now have access to a much broader audience. Gamers can experience titles from Immutable’s impressive roster of games, like Gods Unchained and Guild of Guardians, with less friction, while developers can benefit from Portal’s comprehensive tools to boost monetization and player retention. We’re tackling the liquidity issue head-on, too. By introducing advanced liquidity solutions through this partnership, developers will be able to capture more value from their in-game assets and transactions, while players are rewarded more effectively for their engagement. This adds a new level of depth to the gaming economy and significantly enhances the user experience. A Vision for the Future: Web3 Gaming Meets the Mainstream A Vision for the Future: Web3 Gaming Meets the Mainstream Looking at the broader picture, the partnership between Portal and Immutable signals the beginning of a Web3 gaming revolution. Data from DappRadar indicates that Web3 gaming generated $3.1 billion in 2023, yet it remains a small fraction of the $184.4 billion global gaming market. DappRadar The potential for growth is enormous, especially as mainstream audiences begin to realize the benefits of decentralized gaming—true ownership of in-game assets, seamless cross-platform experiences, and innovative monetization strategies. Our collaboration with Immutable is focused on making Web3 gaming more accessible, scalable, and lucrative for everyone involved. We’re already seeing indicators that Web3 gaming will grow exponentially. According to a report by Citi , the Metaverse economy could be worth up to $13 trillion by 2030, and gaming will be at the heart of this digital revolution. As the boundaries between digital and physical worlds continue to blur, Portal and Immutable are uniquely positioned to drive the gaming sector’s transformation, not just in the Web3 space but across the global industry. report by Citi The Road Ahead: Innovation Through Collaboration The Road Ahead: Innovation Through Collaboration For me, personally, this partnership is the culmination of years of dedication to pushing the frontiers of gaming. Working alongside the brilliant team at Immutable, some of whom I’ve had the privilege of collaborating with in the past, has reignited the passion I have for the possibilities that lie ahead. We’re not just enhancing distribution and monetization; we’re creating an entirely new blueprint for how gaming can—and will—thrive in a decentralized world. The next steps in this journey are exciting. With Immutable’s zk-based scaling technology, games can continue to drive down costs and improve scalability, making Web3 games more accessible than ever before. And as Portal continues to innovate with our distribution layer, developers will be able to focus on what they do best: building the next generation of AAA games on any chain, while we connect them with players from around the globe. This is just the beginning. The collaboration between Portal and Immutable is poised to accelerate the adoption of Web3 gaming and bring the future of gaming into the present. Together, we are setting a new standard for what gaming can be—and I couldn’t be more excited for what’s to come. About Ezra Strauss About Ezra Strauss About Ezra Strauss Ezra Strauss is the Head of Partnerships at Portal , a leader in Web3 gaming distribution. Previously, he held roles at Immutable, where he contributed to their mission of revolutionizing blockchain gaming. Ezra is passionate about building synergies between technology and gaming to create experiences that are accessible, rewarding, and enjoyable for players worldwide. Portal About Portal About Portal About Portal Portal is building the distribution layer for Web3 and beyond. An ecosystem that’s bringing together users from every chain and connecting them with the best dApps in the space – starting with gaming. Via frictionless products, a pioneering liquidity layer, and a world-class network, Portal is helping Web3 solve distribution – aggregating users into a single, vibrant ecosystem in the process. Portal Builders of top-level games and dApps can now focus on creating AAA experiences on any chain – Portal is connecting them to users from around the world. Portal’s advisors include Jamie King, Rockstar Games Co-Founder, Russell Hanson, former CSO of Consensys, Matt Dixon, former Head of BD, EA Games, and John Yao, CEO Team Secret eSports. Portal is proudly represented by WME. For more information, users can follow Portal on X: https://x.com/Portalcoin https://x.com/Portalcoin This story was distributed under HackerNoon’s Business Blogging Program. Learn more about the program here . here

Driving the Future of Web3 Gaming: A New Era With Portal and Immutable

Web3 Gaming-in gələcəyini idarə etmək: Portal və Dəyişməz Yeni Era

Impulsando el futuro de los juegos Web3: una nueva era con Portal e Immutable

Pokretanje budućnosti Web3 igranja: Nova era s portalom i nepromjenjivim

מניע את העתיד של משחקי Web3: עידן חדש עם פורטל ובלתי ניתן לשינוי

Web3ゲームの未来を推進する: PortalとImmutableによる新時代

„Web3“ žaidimų ateitis: nauja era su portalu ir nekintamais

Napędzamy przyszłość gier Web3: Nowa era z Portalem i Immutable

د ویب 3 لوبو راتلونکي چلول: یو نوی دوره د پورټل او نه بدلیدونکي سره

Покретање будућности Веб3 игара: Нова ера са порталом и непроменљивим

ขับเคลื่อนอนาคตของ Web3 Gaming: ยุคใหม่ด้วยพอร์ทัลและ Immutable

推动 Web3 游戏的未来：门户和不可变的新时代

Ukushayela Ikusasa Lemidlalo Ye-Web3: Inkathi Entsha Enephothali Nengaguquki

Unlocking the Future of Bitcoin Liquidity: Portal to Bitcoin's Vision and Our Upcoming Testnet

বিটকয়েনের তারল্যের ভবিষ্যত আনলক করা: বিটকয়েনের দৃষ্টিভঙ্গি এবং আমাদের আসন্ন টেস্টনেটের পোর্টাল

Die Zukunft der Bitcoin-Liquidität erschließen: Portal zur Bitcoin-Vision und unserem kommenden Testnetz

Liberando el futuro de la liquidez de Bitcoin: portal a la visión de Bitcoin y nuestra próxima Testnet

Déverrouiller l'avenir de la liquidité Bitcoin : portail vers la vision de Bitcoin et notre prochain réseau de test

बिटकॉइन लिक्विडिटी के भविष्य को अनलॉक करना: बिटकॉइन के विज़न और हमारे आगामी टेस्टनेट का पोर्टल

ビットコイン流動性の未来を解き放つ: ビットコインのビジョンと今後のテストネットへのポータル

비트코인 유동성의 미래를 열다: 비트코인의 비전과 다가오는 테스트넷에 대한 포털

Desbloqueando o futuro da liquidez do Bitcoin: portal para a visão do Bitcoin e nossa próxima rede de testes

Открывая будущее ликвидности биткойнов: портал к видению биткойнов и нашей будущей тестовой сети

Bitcoin Likiditesinin Geleceğinin Kilidini Açmak: Bitcoin'in Vizyonuna ve Yaklaşan Test Ağımıza Açılan Portal

Mở khóa tương lai của tính thanh khoản Bitcoin: Cổng thông tin cho tầm nhìn của Bitcoin và mạng thử nghiệm sắp tới của chúng tôi

解锁比特币流动性的未来：比特币愿景和我们即将推出的测试网的门户

Welcome to the final step in creating your Collectibles portal! (for part 1, see ) here In this part, we'll focus on building the frontend—the last piece of the puzzle. Here's what we'll achieve: Connect the Flow Wallet. Initialize your account and mint your NFT. Check the NFT ID in your Collection. View the NFT with the NFT ID you have in your Collection. We will be using to build the frontend. Next.js Let's get started! 1. Installation Setting Up Open your project directory. Then, run in the terminal and press . flow-collectible-portal npx create-next-app@latest frontend enter This will provide you with several options. In this tutorial, we will not use , ESLint, or , and we will use the directory and the App router at the time of this article. Typescript TailwindCSS src Now you have a fresh web app ready. This is how your frontend folder looks: 2. Configuration To interact with the we will use the Flow Client Library (FCL) to manage wallet connections, run scripts, and send transactions in our application. It will allow us to write complete Cadence functions and run them as Javascript functions. Flow blockchain To get started, let's install FCL for our app by running the following command: npm install @onflow/fcl --save After installing FCL, we need to configure it. Here's what you need to do: Inside the folder create a new folder named and add a file named . app flow config.js In this file, set up the configuration for the FCL, such as specifying the Access Node and wallet discovery endpoint. This helps you to choose between using a testnet or a local emulator. You will also want to specify the Collectibles contract address we deployed in Part 1. Add the following code to the file: config.js import { config } from "@onflow/fcl";

config({
 "app.detail.title": "Flow Name Service",
 "app.detail.icon": "https://placekitten.com/g/200/200",
 "accessNode.api": "https://rest-testnet.onflow.org",
 "discovery.wallet": "https://fcl-discovery.onflow.org/testnet/authn",
 "0xCollectibles": "ADD YOUR CONTRACT ACCOUNT ADDRESS",
 "0xNonFungibleToken": "0x631e88ae7f1d7c20",
}); Now you're all set up to use the FCL in your app. 3. Authentication To verify a user's identity in an app, you can use several functions: For logging in, call . fcl.logIn() For signing up, call . fcl.signUp() For logging out, call . fcl.unauthenticate() Let’s learn how we can implement these functions in your frontend. fcl First, we will add the following code to our file inside the app directory. This will import some dependencies, set up some initial for parts of our app, and build a basic UI. page.js useState To make sure it looks nice, delete the file inside the app directory and instead make a file called page.css. Then paste the contents of inside of it. Now we can write out our initial page. page.module.css this file "use client";
import React, { useState, useEffect, useRef } from "react";
import * as fcl from "@onflow/fcl";
import "./page.css";
import "./flow/config";

export default function Page() {
  const [currentUser, setCurrentUser] = useState({
    loggedIn: false,
    addr: undefined,
  });

  const urlInputRef = useRef();
  const nameInputRef = useRef();
  const idInputRef = useRef();
  const [isInitialized, setIsInitialized] = useState();
  const [collectiblesList, setCollectiblesList] = useState([]);
  const [loading, setLoading] = useState(false);
  const [ids, setIds] = useState([]);
  const [nft, setNFT] = useState({});

  useEffect(() => fcl.currentUser.subscribe(setCurrentUser), []);

  function handleInputChange(event) {
    const inputValue = event.target.value;

    if (/^\d+$/.test(inputValue)) {
      idInputRef.current = +inputValue;
    } else {
      console.error("Invalid input. Please enter a valid integer.");
    }
  }

  return (
    <div>
      <div className="navbar">
        <h1>Flow Collectibles Portal</h1>
        <span>Address: {currentUser?.addr ?? "NO Address"}</span>
        <button onClick={currentUser.addr ? fcl.unauthenticate : fcl.logIn}>
          {currentUser.addr ? "Log Out" : "Connect Wallet"}
        </button>
      </div>

      {currentUser.loggedIn ? (
        <div className="main">
          <div className="mutate">
            <h1>Mutate Flow Blockchain</h1>
            <form
              onSubmit={(event) => {
                event.preventDefault();
              }}
            >
              <input
                type="text"
                placeholder="enter name of the NFT"
                ref={nameInputRef}
              />
              <input type="text" placeholder="enter a url" ref={urlInputRef} />
              <button type="submit">Mint</button>
            </form>
            <mark>Your Collection will be initialized while minting NFT.</mark>
          </div>
          <div className="query">
            <h1>Query Flow Blockchain</h1>
            <mark>Click below button to check 👇</mark>
            <button>Check Collection</button>
            <p>
              Is your collection initialized: {isInitialized ? "Yes" : "No"}
            </p>
            <button onClick={viewIds}>
              View NFT IDs you hold in your collection
            </button>
            <p>NFT Id: </p>
          </div>
          <div className="view">
            <h1>View Your NFT</h1>
            <input
              type="text"
              placeholder="enter your NFT ID"
              onChange={handleInputChange}
            />
            <button>View NFT</button>
            <div className="nft-card">
              <p>NFT id: </p>
              <p>NFT name: </p>
              <img src="" alt="" />
            </div>
          </div>
        </div>
      ) : (
        <div className="main-2">
          <h1>Connect Wallet to mint NFT!!</h1>
        </div>
      )}
    </div>
  );
} After adding this code, run to make sure everything loads correctly. npm run dev 4. Querying the Flow blockchain Before getting a deep dive into how we can use to query the Flow blockchain, add these Cadence script codes after the function in the file. fcl handleInput page.js const CHECK_COLLECTION = `
import NonFungibleToken from 0xNonFungibleToken
import Collectibles from 0xCollectibles

pub fun main(address: Address): Bool? {
    		return Collectibles.checkCollection(_addr: address)
}`

const GET_NFT_ID = `
import NonFungibleToken from 0xNonFungibleToken
import Collectibles from 0xCollectibles

pub fun main(user: Address): [UInt64] {
    	let collectionCap = 
getAccount(user).capabilities.get
<&{Collectibles.CollectionPublic}>(/public/NFTCollection) 
?? panic("This public capability does not exist.")
    	let collectionRef = collectionCap.borrow()!
    	return collectionRef.getIDs()
}
`

const GET_NFT = `
import NonFungibleToken from 0xNonFungibleToken
import Collectibles from 0xCollectibles

pub fun main(user: Address, id: UInt64): &NonFungibleToken.NFT? {
  		let collectionCap= 
getAccount(user).capabilities.get<&{Collectibles.CollectionPublic}>(/public/NFTCollection) ?? panic("This public capability does not exist.")

  	let collectionRef = collectionCap.borrow()!
return collectionRef.borrowNFT(id: id)
} With our Cadence scripts ready to go, we can now declare some Javascript functions and pass in the Cadence constants into the queries. `fcl` async function checkCollectionInit() {
    const isInit = await fcl.query({
        cadence: CHECK_COLLECTION,
        args: (arg,t) => [arg(currentUser?.addr, t.Address)],
    });
    console.log(isInit);
}

async function viewNFT() {
    console.log(idInputRef.current);
    const nfts = await fcl.query({
        	cadence: GET_NFT,
        	args: (arg,t) => [arg(currentUser?.addr,t.Address), 
arg(idInputRef.current, t.UInt64)]
    });
    setNFT(nfts);
    console.log(nfts);
}

async function viewIds() {
    const ids = await fcl.query({
        cadence: GET_NFT_ID,
        args: (arg,t) => [arg(currentUser?.addr,t.Address)]
    });
    setIds(ids);
    console.log(ids);
} Now let’s take a look at all the functions we’ve written. There are two things to notice: The fcl.query And the line. args: (arg,t) => [arg(addr,t.Address)], Since scripts are similar to functions in Solidity and don't require any gas fees to run, we are essentially just querying the blockchain. So we use to run scripts on Flow. view fcl.query To query something, we need to pass an argument. For that, we use arg, which is a function that takes a string value representing the argument, and , which is an object that contains all the different data types that Cadence has. So we can tell how to encode and decode the argument we are passing. t arg 5. Mutating the Flow blockchain While our previous functions were just “read only,” our next ones will have actions that can mutate the blockchain state and write to it; aka “mint an NFT.” To do this we’ll write another Cadence script as a constant. const MINT_NFT = `
import NonFungibleToken from 0xNonFungibleToken
import Collectibles from 0xCollectibles

transaction(name:String, image:String){
    let receiverCollectionRef: &{NonFungibleToken.CollectionPublic}
    prepare(signer:AuthAccount){
        // initialise account
        if signer.borrow<&Collectibles.Collection>(from: Collectibles.CollectionStoragePath) == nil {
            let collection <- Collectibles.createEmptyCollection()
            signer.save(<-collection, to: Collectibles.CollectionStoragePath)
            let cap = signer.capabilities.storage.issue<&{Collectibles.CollectionPublic}>(Collectibles.CollectionStoragePath)
            signer.capabilities.publish( cap, at: Collectibles.CollectionPublicPath)
        }
        //takes the receiver collection refrence
        self.receiverCollectionRef = signer.borrow<&Collectibles.Collection>(from: Collectibles.CollectionStoragePath)
      ?? panic("could not borrow Collection reference")
    }
    execute{
        let nft <- Collectibles.mintNFT(name:name, image:image)
        self.receiverCollectionRef.deposit(token: <-nft)
    }
} Now add the below function after the transaction code to the file. page.js async function mint() {
	try{
	  const txnId = await fcl.mutate({
        	cadence: MINT_NFT,
        	args: (arg,t) => [arg(name,t.String), arg(image, t.String)],
	   	payer: fcl.authz,
	  	proposer: fcl.authz,
	  	authorizations: [fcl.authz],
	  	limit:999,});
	} catch(error){
	console.error('Minting failed:' error)
}
    console.log(txnId);
} As for the function, the syntax is the same as . However, we do provide several extra parameters such as the following: fcl.mutate fcl.query payer: fcl.authz,
proposer: fcl.authz,
authorizations: [fcl.authz],
limit: 50, These are Flow-specific things that define which account will be paying for the transaction (payer), broadcasting the transaction (proposer), and the accounts from which we need authorizations. (In case an account has multiple keys attached, it can behave like a multi-sig wallet.) refers to the currently connected account. fcl.authz is like gasLimit in the Ethereum world, which places an upper limit on the maximum amount of computation. If the computation crosses the limit, then the transaction will fail. limit We’ll need to add one more function that will call and handle the function we just made. mintNFT const saveCollectible = async () => {
    if (urlInputRef.current.value.length > 0 && nameInputRef.current.value.length > 0) {
      try {
        setLoading(true);
        const transaction = await mintNFT(nameInputRef.current.value, urlInputRef.current.value);
        console.log('transactionID:', transaction);
        // Handle minting success (if needed)
      } catch (error) {
        console.error('Minting failed:', error);
        // Handle minting failure (if needed)
      } finally {
        setLoading(false);
      }
    } else {
      console.log('Empty input. Try again.');
    }
  }; 6. Final code With our main functions in place, we can now plug them into our UI. However, before we do that, we’ll add some calls to help load the initial state. You can add these right above the already existing call. useEffect useEffect useEffect(() => {
    checkCollectionInit();
    viewNFT();
  }, [currentUser]);

  useEffect(() => {
    if (currentUser.loggedIn) {
      setCollectiblesList(collectiblesList);
      console.log('Setting collectibles...');
    }
  }, [currentUser]); Now back in our section with the UI, we can add our functions to the appropriate parts of the app. return return (
    <div>
      <div className="navbar">
        <h1>Flow Collectibles Portal</h1>
        <span>Address: {currentUser?.addr ?? "NO Address"}</span>
        <button onClick={currentUser.addr ? fcl.unauthenticate : fcl.logIn}>
          {currentUser.addr ? "Log Out" : "Connect Wallet"}
        </button>
      </div>

      {currentUser.loggedIn ? (
        <div className="main">
          <div className="mutate">
            <h1>Mutate Flow Blockchain</h1>
            <form
              onSubmit={(event) => {
                event.preventDefault();
                saveCollectible();
              }}
            >
              <input
                type="text"
                placeholder="enter name of the NFT"
                ref={nameInputRef}
              />
              <input type="text" placeholder="enter a url" ref={urlInputRef} />
              <button type="submit">Mint</button>
            </form>
            <mark>Your Collection will be initialized while minting NFT.</mark>
          </div>
          <div className="query">
            <h1>Query Flow Blockchain</h1>
            <mark>Click below button to check 👇</mark>
            <button onClick={checkCollectionInit}>Check Collection</button>
            <p>
              Is your collection initialized: {isInitialized ? "Yes" : "No"}
            </p>
            <button onClick={viewIds}>
              View NFT IDs you hold in your collection
            </button>
            <p>NFT Id: </p>
            {ids.map((id) => (
              <p key={id}>{id}</p>
            ))}
          </div>
          <div className="view">
            <h1>View Your NFT</h1>
            <input
              type="text"
              placeholder="enter your NFT ID"
              onChange={handleInputChange}
            />
            <button onClick={viewNFT}>View NFT</button>
            <div className="nft-card">
              <p>NFT id: {nft.id}</p>
              <p>NFT name: {nft.name}</p>
              <img src={nft.image} alt={nft.name} />
            </div>
          </div>
        </div>
      ) : (
        <div className="main-2">
          <h1>Connect Wallet to mint NFT!!</h1>
        </div>
      )}
    </div>
  ); Check the final code . here Now with the app complete, let’s walk through how to use it! First, connect your wallet by clicking the “Connect Wallet” button in the top right. Now you can mint an NFT! Enter the name of your NFT and paste in a link to the image you want to use. After you click “mint” it will prompt you to sign a transaction with your wallet. It might take a little while for the transaction to complete. After it completes, you should be able to click the bottom button to view the IDs of your NFTs. If this is your first one, then the ID should be just “1”. Now you can copy the ID of your NFT, paste it into the View section, and click “View NFT”. Conclusion Well done! You've finished part 2 of the Collectibles portal project. In summary, we focused on building the frontend of our Collectibles portal. We did this by: Creating an app with Next.js Connecting the Flow Wallet Creating our very own NFTs for minting Viewing your NFT Have a really great day! Also published here.

How to Build a Digital Collectibles Portal Using Flow and Cadence (Part 2)

কিভাবে ফ্লো এবং ক্যাডেন্স ব্যবহার করে একটি ডিজিটাল সংগ্রহযোগ্য পোর্টাল তৈরি করবেন (পর্ব 2)

So erstellen Sie ein digitales Sammlerportal mit Flow und Cadence (Teil 2)

Cómo crear un portal de coleccionables digitales utilizando flujo y cadencia (Parte 2)

Comment créer un portail d'objets de collection numériques à l'aide de Flow et de Cadence (Partie 2)

प्रवाह और ताल का उपयोग करके डिजिटल संग्रहणीय पोर्टल कैसे बनाएं (भाग 2)

フローとケイデンスを使用してデジタル グッズ ポータルを構築する方法 (パート 2)

Flow와 Cadence를 사용하여 디지털 수집품 포털을 구축하는 방법(2부)

Como construir um portal de colecionáveis digitais usando fluxo e cadência (parte 2)

Как создать портал цифровых предметов коллекционирования, используя поток и ритм (часть 2)

Akış ve Ritim Kullanılarak Dijital Koleksiyon Portalı Nasıl Oluşturulur (Bölüm 2)

Cách xây dựng cổng sưu tầm kỹ thuật số bằng cách sử dụng Flow và Cadence (Phần 2)

如何使用 Flow 和 Cadence 构建数字收藏品门户（第 2 部分）

How to Build a Digital Collectibles Portal Using Flow and Cadence (Part 1)

ফ্লো এবং ক্যাডেন্স ব্যবহার করে কীভাবে একটি ডিজিটাল সংগ্রহযোগ্য পোর্টাল তৈরি করবেন (পর্ব 1)

So erstellen Sie ein digitales Sammlerportal mit Flow und Cadence (Teil 1)

Cómo crear un portal de coleccionables digitales utilizando flujo y cadencia (Parte 1)

Comment créer un portail d'objets de collection numériques à l'aide de Flow et de Cadence (Partie 1)

प्रवाह और ताल का उपयोग करके डिजिटल संग्रहणीय पोर्टल कैसे बनाएं (भाग 1)

フローとケイデンスを使用してデジタル グッズ ポータルを構築する方法 (パート 1)

Flow와 Cadence를 사용하여 디지털 수집품 포털을 구축하는 방법(1부)

Como construir um portal de colecionáveis digitais usando fluxo e cadência (parte 1)

Как создать портал цифровых предметов коллекционирования, используя поток и ритм (часть 1)

Akış ve Ritim Kullanarak Dijital Koleksiyon Portalı Nasıl Oluşturulur (Bölüm 1)

Cách xây dựng cổng sưu tầm kỹ thuật số bằng cách sử dụng Flow và Cadence (Phần 1)

如何使用 Flow 和 Cadence 构建数字收藏品门户（第 1 部分）

app built in Swift. It’s open source and uses the Rust library to privately share TCP or HTTP services from your Mac with your friends over End-to-End Encrypted Ockam Portals. A shared service appears on their ! Portals is a Mac Ockam localhost In this post, we'll dig into how the SwiftUI macOS app interacts with Rust code. If you're curious to try Portals for Mac. You can learn more about it and install is using Homebrew as follows: in this article brew install build-trust/ockam/portals Here's a 2 minute video of the application in action: https://www.youtube.com/watch?v=eWSRNfmURJs&embedable=true Swift <> Rust The Portals functionality was already implemented in the Ockam Rust library. We set out to create a great macOS-native experience. Our first attempt at building the app was using Tauri. This made sense as we wanted to use the Ockam rust library and most people on our team are comfortable building things in Rust. This first version was easy to build and had all the basic functions we wanted. However, the experience of using the app wasn't great. Tauri only gave us minimal control over how the menu was rendered and what happened when a user interacts with the menu. This version of the app felt like it belonged in a 10 year old version of macOS when compared to super easy to use menubar items built into macOS Sonoma. We realized that to have the rich experience we want, we must build the app using SwiftUI. Unfortunately, we couldn't find an off-the-shelf solution, to integrate Swift and Rust, that would give us the best of both worlds; the safety of Rust, and the rich macOS-native experience of SwiftUI. After some more digging we realized we can connect the two using C-89. Rust is compatible with the C calling convention, and Swift is interoperable with Objective-C, which is a superset of C-89. We wrote the Rust data structures that needed to be visible to Swift twice. One version is idiomatic in Rust and easy to use. The other version is C compatible using pointers and memory that is manually allocated with malloc. We also exposed some C-compatible APIs that use raw-pointers in unsafe rust to convert the idiomatic data structures to their C-compatible versions. Finally we automatically generated a C header with the help of the cbindgen library. On the Swift side, we could have called the C APIs directly, but C data structures are not first class citizens in Swift. This makes them harder to use idiomatically within SwiftUI code. Instead, we chose to duplicate the data structures in Swift and convert between C and Swift. This may seem burdensome, but practically, the shared state doesn't change very often. The ability to quickly build components in SwiftUI using constructs like , , etc. is super helpful and worth the tradeoff. if let ... ForEach enum Here's an example of the same structure in its 4 forms: // Rust idiomatic structure
#[derive(Default, Clone, Debug, Eq, PartialEq)]
pub struct LocalService {
    pub name: String,
    pub address: String,
    pub port: u16,
    pub shared_with: Vec<Invitee>,
    pub available: bool,
}

// Rust C-compatible structure
#[repr(C)]
pub struct LocalService {
    pub(super) name: *const c_char,
    pub(super) address: *const c_char,
    pub(super) port: u16,
    pub(super) shared_with: *const *const Invitee,
    pub(super) available: u8,
}

// Generated C header structure
typedef struct C_LocalService {
  const char *name;
  const char *address;
  uint16_t port;
  const struct C_Invitee *const *shared_with;
  uint8_t available;
} C_LocalService;

// Swift idiomatic structure
class LocalService {
    let name: String
    @Published var address: String?
    @Published var port: UInt16
    @Published var sharedWith: [Invitee]
    @Published var available: Bool
} The Swift app is statically linked to our Rust lib at compile time. The data flow is simple: UI interactions are sent from Swift to Rust as actions by calling C APIs, change events are emitted only by Rust, and Swift is notified using callbacks that lead to updates to the UI. Most code in the SwiftUI views looks just like any other SwiftUI application. VStack(alignment: .leading, spacing: 0) {
    Text(service.sourceName).lineLimit(1)

    HStack(spacing: 0) {
        Image(systemName: "circle.fill")
            .font(.system(size: 7))
            .foregroundColor( service.enabled ? (service.available ? .green : .red) : .orange)

        if !service.enabled {
            Text(verbatim: "Not connected")
        } else {
            if service.available {
                Text(verbatim: service.address.unsafelyUnwrapped + ":" + String(service.port))
            } else {
                Text(verbatim: "Connecting")
            }
        }
    }
... If you're curious to learn more, checkout the code for the crate and the Portals . The in the swift folder is also a good place to explore how everything is built and linked together. ockam_app_lib app in Swift Makefile If you're interested in contributing to 's Swift or Rust code, we add new every week and love helping new contributors. Join us on the . Portals for Mac good first issues contributors discord Also appears . here

Encrypted Portals: How We Created a Swift App That Uses Rust

এনক্রিপ্ট করা পোর্টাল: আমরা কীভাবে একটি সুইফ্ট অ্যাপ তৈরি করেছি যা মরিচা ব্যবহার করে

Verschlüsselte Portale: Wie wir eine schnelle App erstellt haben, die Rust verwendet

Portales cifrados: cómo creamos una aplicación Swift que utiliza Rust

Portails cryptés : comment nous avons créé une application Swift qui utilise Rust

एन्क्रिप्टेड पोर्टल: हमने एक स्विफ्ट ऐप कैसे बनाया जो जंग का उपयोग करता है

暗号化されたポータル: Rust を使用する Swift アプリの作成方法

암호화된 포털: Rust를 사용하는 Swift 앱을 만든 방법

Portais criptografados: como criamos um aplicativo Swift que usa Rust

Зашифрованные порталы: как мы создали Swift-приложение, использующее Rust

Şifreli Portallar: Rust Kullanan Swift Uygulamasını Nasıl Oluşturduk

Cổng được mã hóa: Cách chúng tôi tạo một ứng dụng Swift sử dụng Rust

加密门户：我们如何创建使用 Rust 的 Swift 应用程序

Ever wondered about the magic behind those WiFi login pages that greet you at places like Starbucks? You know the drill – you sip your coffee, pull out your laptop or smartphone, connect to the WiFi, and voilà! Suddenly, you're redirected to a page where you need to log in or accept terms before diving into the digital realm. It's a seamless experience we've all grown accustomed to, but have you ever thought about creating one yourself? Well, probably not. But I did! And there’s a good reason why. I live in Ruppin Street, and as a joke, I call my apartment the “Royal Ruppin Relax” as if it were some kind of boutique hotel. I wanted to create my own customized WiFi login portal so that guests at my home would get a surprise when they logged in. That's what we're diving into today: In this tutorial, I’ll show you how to build and customize your own – a digital gateway that not only controls access but also acts as a canvas for your creativity, and a great conversation starter! With a Raspberry Pi and a bit of AI magic, you can transform your mundane WiFi login into an engaging, personalized experience. captive portal https://youtu.be/zbaLWR8GbdM?embedable=true But first, What is a Captive Portal? The term might sound technical, but in essence, it's the official name for those login pages you encounter when connecting to a public WiFi network. Most captive portals are like virtual gatekeepers, ensuring that only authorized users gain access to a WiFi network. But this interface can be a powerful tool, not just for authentication, but also for conveying information and engaging users creatively. Capabilities of a Captive Portal: Captive portals authenticate users by prompting them to enter login credentials or accept terms and conditions. This process ensures that the network is used responsibly and securely. Authentication: One of the features of a captive portal is its customization potential. Businesses often use captive portals to showcase their branding, display advertisements, or provide essential information. Customization: Captive portals enable administrators to control the type of access users have to the internet. For instance, they can restrict certain websites, limit bandwidth, or provide different levels of access based on user roles. So technically, you can configure it such that your devices are prioritized bandwidth-wise on your WiFi network, but that’s up to you 😉 Access Control: Now, let's move forward and create our own captivating captive portal. The creative journey begins! You Will Need: Before we dive into creating your personalized captive portal, let's gather the essentials: The heart of your project, this versatile microcomputer will serve as the central hub for your captive portal setup. Raspberry Pi: You'll need a microSD card (at least 16GB) to store the operating system and other necessary files. MicroSD Card: Ensure you have a compatible power supply for your Raspberry Pi to keep it running smoothly. Power Supply: You'll require an Ethernet cable to establish a wired connection between your Raspberry Pi and your internet router. Ethernet Cable: Why Raspberry Pi? In the landscape of network devices, not all routers are created equal. Many standard routers lack native support for captive portals, making it challenging to implement this feature seamlessly. When faced with this limitation, we turn to as a solution. This credit-card-sized, affordable computer will allow you to run complimentary network-related software, and overcome the constraints of your existing router. Raspberry Pi If you never used your Raspberry Pi before, set it up according to the . Our next step would be installing RaspAP. simple instructions on the official website RaspAP: Simplifying WiFi Management Now that you have your Raspberry Pi ready, it's time to introduce RaspAP. RaspAP is an open-source software that simplifies the process of setting up a WiFi access point on your Raspberry Pi. Think of it as the bridge between your Raspberry Pi and the devices that will connect to your WiFi. To install RaspAP, simply follow the . simple instructions on the official website Why Do We Need RaspAP for a Captive Portal? ‍To create a captive portal, we need a WiFi network that's entirely under our control. RaspAP allows you to do just that: While Raspberry Pi provides the hardware backbone, RaspAP adds the user-friendly interface we’re going for, making it incredibly easy to configure your WiFi network settings. You can customize the network name (SSID), set up passwords, and manage the connection preferences. RaspAP handles the complexities of access points, security protocols, and IP addresses, ensuring that the WiFi network your guests connect to, operates smoothly and securely. Why Is an Ethernet Cable Needed? ‍You might be wondering about the necessity of an Ethernet cable in a wireless setup. When you connect your Raspberry Pi to your router using an Ethernet cable, you establish a stable, wired connection. This wired connection serves as the foundation upon which you'll build your customized WiFi network. Introduction to Nodogsplash Now that you've set up your WiFi access point with RaspAP, it's time to introduce Nodogsplash into the mix. Nodogsplash is a high-performance Captive Portal and the key player in bringing our idea to life. Nodogsplash offers by default a simple splash page that we will customize later. Install and configure Nodogsplash by following the . If you are successful - you will see this page: easy tutorial on RaspAP’s official documentation Customizing the Splash Page Here comes the exciting part! Now we will customize the captive portal page to our liking. Customizing the splash page might seem like a challenging task for two reasons: Nodogsplash has specific rules that the splash page must adhere to, ensuring functionality. Deviating from these rules might result in our captive portal not working, making it crucial to comply with them. Nodogsplash Rules: A CDC (Captive Detection Client) is a component in operating systems or devices that helps in detecting whether a network has a captive portal. When a device connects to a WiFi network, the CDC functionality checks if the network connection is restricted by a captive portal. If it detects a captive portal, the device redirects the user to the portal's login or authentication page. Most of the CDCs don’t allow JS or even s, so we will have to work with HTML and CSS only to make a beautiful captive portal. Manipulating HTML & CSS requires a good understanding of their syntax, making customization challenging for many users. CDCs force us to work with HTML and CSS only, no JS. href To overcome these challenges, we will use some ✨ ✨. AI magic First, we will obtain a stunning boutique hotel picture with Leonardo AI: an innovative tool that generates realistic and visually appealing images from prompts. Here’s how you can use it: Go to the Leonardo AI website and click on “AI Image Generation” Visit Leonardo AI: Using Leonardo AI's intuitive interface, generate an image that resonates with your captive portal's ambiance. You can tweak various settings until you find the perfect image. My prompt was: “A beautiful boutique hotel next to the sea, palms and luxurious atmosphere, beautiful day” Generate Your Image: Once satisfied with the generated image, download it to your computer. This stunning visual will serve as the backdrop for your customized splash page. Download Your Image: Now that we have the image, we can customize the default and . To do that we will use ’s AI agents, that can quickly get us to the point: HTML CSS Fine Open Fine and click “Deploy Agent”. Upload the YAML file of the HTML Agent, found . This agent specializes in HTML and CSS tasks. Deploy an HTML Agent to Your workspace: here Place the default Nodogsplash files in a folder, together with your generated image. Run inside the folder and then add it as a new project to Fine. Create a project: git init The agents work according to a plan specified in a notebook. I wrote a short description for my wanted task and connected the notebook to the project. Create a Notebook and specify the changes you want to make: The agent will start changing the HTML and CSS pages according to the specifications in your notebook. If it isn’t exactly to your liking, make the final changes and that’s it! Run the agent, and make some final tweaks: With Fine’s AI agents, the process of customizing your splash page becomes intuitive and efficient. You don’t need to deal with HTML and CSS, and you don’t need to learn the rules of Nodogsplash. You easily transform a basic login interface into a visually appealing and engaging portal that captivates users, providing a memorable WiFi experience. Test Your Customized Page After Fine generates the code, test your customized splash page. To do that, upload your files to the Raspberry Pi and replace the default splash page files in /etc/Nodogsplash/htdocs/ Ensure that it complies with Nodogsplash rules and provides a seamless user experience. Make any necessary adjustments until you achieve the desired result. Final Words By integrating Raspberry Pi, RaspAP, Nodogsplash, Fine, and Leonardo AI, you've not only created a functional captive portal but also unleashed your creativity without the headache of coding intricacies. This project not only enhances your technical skills but also transforms your WiFi experience at home. Feel free to experiment further and explore the endless possibilities of customization, all thanks to the power of innovative AI technology. Now it's your turn to improve your home WiFi experience! Get creative, get connected, and let your imagination run wild, AI will take care of the rest! Also published here.

How to Create a Custom Captive Portal for Home WiFi with Raspberry Pi and AI 

Portals, the leading yield, and protocol aggregator for DeFi, is proud to announce the launch of Milky Way, a major architecture upgrade that enables one-click gasless access to any-to-any swaps across a wide range of . With Milky Way, users and developers can enjoy a seamless, cost-effective, and user-friendly trading and building experience in the DeFi space. ERC20 tokens Milky Way consists of three innovative components: Galaxy Broadcasting System (GBS), Galaxy Hub, and Galaxy Indexer. GBS is a service that handles the on-chain order submission process on behalf of users, abstracting the complexities of gas and gas prices from their wallets. Users can sign an order with the intent to swap any token and let GBS take care of the rest. GBS also ensures fast and reliable execution, minimizing any waiting times. Galaxy Hub is an aggregator that provides optimal routing solutions for any ERC20 token, including LP tokens, vaults, interest-bearing tokens, and more. Users can swap any token pair directly with a single transaction, without the need for intermediate steps. Moreover, Galaxy Hub caps the swapping fees at a maximum of $60, regardless of the swapping amount. Developers can also benefit from Galaxy Hub’s robust routing capabilities, as they no longer need to manage multiple integrations for each platform. Its in-house routing algorithm "Warpdrive," empowers developers to assemble arbitrary routes among tokens, facilitating versatile token swaps. Galaxy Indexer is a service that functions in real-time, continuously consuming blocks to determine crucial data such as asset prices, reserves, volumes, APYs, balances, and more. By utilizing the Galaxy Indexer, DApps can enjoy faster response times and benefit from consolidated endpoints that provide Web3 across the most popular networks. Developers can leverage the Galaxy Indexer’s capabilities to enhance their applications, with coverage of over 35,000 tokens. As the Portals ecosystem expands, the Galaxy Indexer plays a vital role in accommodating a growing number of Satellites. These Satellites represent various platforms and contribute to the increasing complexity and breadth of order types that can be seamlessly handled. Currently, Portals has launched over 40 Satellites across seven networks, including Ethereum, Polygon, Avalanche, BNB Chain, Fantom, Optimism, and Arbitrum. Additionally, in the coming months, Portals will invite the community to launch their own Satellites, further enriching the Portals ecosystem. About Portals Portals is a game-changing DeFi API platform, enabling users and developers to access various DeFi protocols and platforms with ease. With powerful integrations from industry leaders like Yearn Finance, XDEFI, and Mean Finance, Portals sets the stage for unparalleled financial opportunities. Backed by a remarkable $2M seed round, Portals has experienced explosive growth, processing a staggering 8 million API calls in June, a tremendous leap from 1.3 million in February. The recent addition of a visionary Head of Marketing further underscores Portals' unwavering commitment to innovation and progress. For more information: | | | | | Website Documentation Twitter Discord Media Kit Contact Contact Co-Founder Suhail Gangji Portals.fi hello@portals.fi This story was distributed as a release by Chainwire under HackerNoon’s Brand As An Author Program. Learn more about the program here: https://business.hackernoon.com/brand-as-author

Portals Unveils Milky Way: Your Gasless Passage to DeFi Wonderland

Portals presenta Milky Way: su pasaje sin gas al país de las maravillas de DeFi

Portals dévoile Milky Way: votre passage sans gaz vers DeFi Wonderland

पोर्टल्स ने मिल्की वे का अनावरण किया: डेफी वंडरलैंड के लिए आपका गैस रहित मार्ग

ポータルがミルキーウェイを公開: DeFi ワンダーランドへのガスレス通路

Portals revela a Via Láctea: sua passagem sem gás para DeFi Wonderland

Cổng ra mắt Dải ngân hà: Con đường không tốn xăng của bạn đến DeFi Wonderland

Portals 揭开了银河系的面纱：通往 DeFi 仙境的无汽油通道

Portal ...is a platform-agnostic command-line file transfer utility for sending files from any computer to another. The year is 2023 and ChatGPT is taking over the world, yet, sending files to each other is still . incredibly annoying How many times haven't you tried to send a file to a friend through Messenger, WhatsApp, or Discord, just to find out that you cannot send a folder, or a file, or more than a measly in total? .zip 25MB So... you head over to Google Drive, but then you have to fiddle with the link permissions, and if you're uploading a large file, you have to wait for it to be completely uploaded to Google Drive, before your friend can even downloading it. . start Uuuuuugh As a developer, you know sending files isn't hard. So did we, and we got fed up with the current state of things. So we created , a command-line utility to send files quickly and easily. that Portal Installation See the installation options (curl, brew, yay) on GitHub! Leave a ⭐ if you like it ❤️ https://github.com/SpatiumPortae/portal?embedable=true How it works Sending files and folders To send files: portal send <file1> <file2> <folder1> <folder2> ... The application will output a temporary password in the format . 1-inertia-elliptical-celestial The sender will communicate this password to the receiver over some secure channel. Receiving files and folders To receive those files: portal receive 1-intertia-elliptical-celestial The two clients will establish a connection through a relay server. The file transfer will then commence with a direct or relayed connection, depending on what's possible. What it looks like ✨ The sender sends a folder and three files to the receiver . (top) (bottom) In this case, as you can see in the event log, the transfer is made using . That means the files are sent from one client to the other, . direct transfer directly no middlemen involved As it happens, these computers are in the same local network, and recognizes this. portal Demo Features provides: portal End-to-end encryption using PAKE2 Direct transfer of files if possible (e.g. sender and receiver are in the same local network) Fallback to relay server if sender and receiver cannot connect directly Parallel gzip compression of files for faster and more efficient transfers Hosting your own relay (we'd appreciate it if you plan to send a lot of data!) Configurability and shell completions A shiny UI ⭐✨ to gaze your eyes upon while you wait for your files Completions provides extensive TAB completions for the following shells: portal bash zsh fish powershell To see installation instructions for your shell and platform, run: portal completion [bash|zsh|fish|powershell] --help Tip! You probably didn't catch the password Bob was screaming across the room. quite You can use TAB completions to auto-complete passwords on the receiving end. Press TAB when entering parts of your password... portal receive 42-relative-parsec-s... ...and will suggest the possible words portal $ portal receive 42-relative-parsec-s...

42-relative-parsec-supernova  42-relative-parsec-scatter    42-relative-parsec-solar      42-relative-parsec-spin       42-relative-parsec-static     
42-relative-parsec-sigma      42-relative-parsec-solid      42-relative-parsec-star       42-relative-parsec-storm      42-relative-parsec-system . . boom supernova portal receive 42-relative-parsec-supernova Flags Receiver : overwrite existing files without prompts -y/--yes [Y/n] Relay : port to host the relay server on -p/--port and Sender Receiver : address of the relay server ( , , ...) -r/--relay :8080 myrelay.io:1234 : the style of the tui ( | ) -s/--tui-style rich raw , and Sender Receiver Relay : output help messages for any command -h/--help : log debug info to file -v/--verbose Configuration places its configuration file in . portal $HOME/.config/portal/config.yml As evident by the file extension, the config is a simple file with descriptive field names. YAML Default configuration relay: portal.spatiumportae.com
verbose: false
prompt_overwrite_files: true
relay_serve_port: 8080
tui_style: rich Hosting your own relay The binary comes with a built-in relay server.
Spinning up your own relay is as easy as... portal portal serve --port 1337 The server log output is . Super-recommended to run it through ! JSON jq portal serve --port 1337 2>&1 | jq . ... {
  "level": "info",
  "ts": "2023-02-28T02:57:45.310134+01:00",
  "caller": "rendezvous/server.go:77",
  "msg": "serving rendezvous server",
  "version": "v1.2.1",
  "address": ":1337"
} Maintainers Arvid Gotthard Zino Kader DigitalOcean <3 A to our sponsors . The public relay available for everyone to use is sponsored by DigitalOcean. special thanks DigitalOcean Also published . here

Portal: The Easy Way to Transfer Large Files Between Computers 🌌✨

Stories, News & Mentions about PORTAL

Portal’s Stories on HackerNoon

Portal's News & Mentions