Introduction

Creator L2 is a high-performance Layer 2 blockchain built on the OP Stack, offering developers scalability, low transaction fees, and a robust environment for building decentralized applications (dApps). In this guide, we’ll walk you through deploying a smart contract on Creator L2 using Solidity, Hardhat, and Viem.

Prerequisites

Before deploying a smart contract on Creator, ensure you have the following:

• Node.js installed (v16 or later)
• Hardhat (Ethereum development environment)
• Metamask or any EVM-compatible wallet
• Test ETH on Creator L2 (available via the Creator faucet)

Step 1: Set Up Your Development Environment

Start by creating a new project and installing dependencies:

mkdir creator-smart-contract && cd creator-smart-contract
npm init -y
npm install --save-dev hardhat

Initialize Hardhat:

npx hardhat

Choose “Create an empty hardhat.config.js” and proceed.

Step 2: Create a Smart Contract

Create a new directory for contracts and write a simple Solidity contract:

mkdir contracts && touch contracts/MyContract.sol

Edit MyContract.sol:

// SPDX-License-Identifier: MIT
pragma solidity ^0.8.19;
contract MyContract {
    string public message;
constructor(string memory _message) {
        message = _message;
    }
}

Step 3: Configure Hardhat for Creator L2

Modify hardhat.config.js:

require("@nomicfoundation/hardhat-toolbox");
module.exports = {
  solidity: "0.8.19",
  networks: {
    creator: {
      url: "https://rpc.creatorchain.io",
      accounts: ["YOUR_PRIVATE_KEY"]
    }
  }
};

Replace YOUR_PRIVATE_KEY with your wallet’s private key.

Step 4: Compile and Deploy

Compile the contract:

npx hardhat compile

Deploy using a deployment script (scripts/deploy.js):

const hre = require("hardhat");
async function main() {
  const MyContract = await hre.ethers.getContractFactory("MyContract");
  const contract = await MyContract.deploy("Hello, Creator!");
  await contract.deployed();
  console.log("Contract deployed at:", contract.address);
}
main().catch((error) => {
  console.error(error);
  process.exit(1);
});

Run the deployment script:

npx hardhat run scripts/deploy.js --network creator

Step 5: Interacting with the Contract using Viem

To interact with your contract in a frontend app, install Viem:

npm install viem

Use Viem to read the contract state:

import { createPublicClient, http } from 'viem';
import { creatorTestnet } from 'viem/chains';
const client = createPublicClient({
  chain: creator,
  transport: http()
});
const contractAddress = "YOUR_DEPLOYED_CONTRACT_ADDRESS";
const abi = [
  "function message() public view returns (string)"
];
async function getMessage() {
  const message = await client.readContract({
    address: contractAddress,
    abi,
    functionName: "message"
  });
  console.log("Contract message:", message);
}
getMessage();

Conclusion

You’ve successfully deployed a smart contract on Creator L2 and interacted with it using Viem. This is just the beginning — start building your dApps on Creator today!

For more resources, visit Creator’s Documentation.

#Creator #SmartContract #Web3 #Superchain

Connect with Us on Socials:
Website | Twitter | Blog | Discord | Telegram

As blockchain adoption rapidly grows, the need for scalability, affordability, and speed becomes more pressing. This is where Layer 2 (L2) blockchains come into play, offering innovative solutions to address the limitations of Layer 1 (L1) networks like Ethereum.

In this article, we’ll break down what a Layer 2 blockchain is, why it’s essential for the future of blockchain technology, and how it’s transforming the Web3 ecosystem.

What is a Layer 2 Blockchain?

A Layer 2 blockchain is a network built on top of a Layer 1 blockchain, Ethereum. Instead of processing transactions directly on the main chain, Layer 2 solutions handle transactions off-chain and then bundle or settle them on the main chain.

Key Characteristics of L2 Blockchains:

1. Built on Layer 1: Inherits the security and decentralization of the main blockchain.
2. Offload Transactions: Reduces the burden on Layer 1 by processing transactions off-chain.
3. Lower Costs and Faster Speeds: Achieves scalability while significantly reducing transaction fees.

How Do Layer 2 Solutions Work?

Layer 2 solutions use various technologies to optimize performance:

1. Rollups

• Optimistic Rollups: Assume transactions are valid and only verify them if challenged.
• Zero-Knowledge (ZK) Rollups: Use cryptographic proofs to verify batches of transactions before posting them to Layer 1.

2. Sidechains

• Independent chains connected to the main blockchain via a bridge, designed to process specific types of transactions.

3. Appchains

• Just like sidechains, these are chains specifically designed for one application.

Why Does Layer 2 Matter?

1. Scalability

Layer 1 blockchains like Ethereum are powerful but have limitations in transaction throughput. Layer 2 solutions offload much of this work, enabling thousands of transactions per second (TPS).

2. Lower Costs

High gas fees on Ethereum can make it inaccessible for everyday users. Layer 2 solutions drastically reduce costs, making blockchain technology affordable for everyone.

3. Faster Transactions

By processing transactions off-chain, L2 solutions reduce confirmation times, providing near-instant transactions for users.

4. Enhanced User Experience

Layer 2 blockchains abstract the complexities of blockchain interactions, creating seamless experiences for both developers and end-users.

5. Supporting Mass Adoption

For Web3 to reach mainstream adoption, it must handle millions of users simultaneously. Layer 2 solutions provide the scalability needed to onboard the next billion users.

Use Cases of Layer 2 Blockchains

Layer 2 solutions are revolutionizing various sectors, including:

1. DeFi: Enabling low-cost trading, lending, and staking.
2. Gaming: Supporting high-speed microtransactions for in-game economies.
3. NFTs: Making minting and trading affordable and scalable.
4. Social Applications: Creating blockchain-based social networks with low latency.
5. Enterprise Solutions: Offering scalable tools for supply chain, identity, and financial systems.
6. DePin: Enabling physical infrastructure

The Role of Creator L2 in the Layer 2 Landscape

Creator L2 is a prime example of a next-generation Layer 2 blockchain. Built on the Superchain’s OP Stack, it offers:

• Lightning-fast transactions ⚡
• Low fees 💸
• Interoperability with other OP Chains 🤝
• A reward-driven ecosystem for developers and users 🏆

Creator L2 isn’t just scaling Ethereum; it’s empowering builders and innovators to create the future of Web3.

Challenges and the Road Ahead

While Layer 2 solutions are promising, challenges remain:

• Interoperability: Ensuring seamless communication between L2s and Layer 1.
• Decentralization: Maintaining the trustless nature of blockchain technology.
• Adoption: Educating users and developers about the benefits of Layer 2.

Despite these challenges, Layer 2 solutions are crucial for a decentralized and scalable blockchain ecosystem.

Conclusion

Layer 2 blockchains are the engines driving blockchain technology to new heights. By addressing the limitations of Layer 1, they unlock possibilities for scalability, affordability, and accessibility.

Whether you’re a developer, a business, or a blockchain enthusiast, understanding and leveraging Layer 2 solutions like Creator L2 can help you build and thrive in the decentralized future.

Let’s embrace the potential of Layer 2 and take blockchain adoption to the next level!

#Creator #Blockchain #Web3 #Superchain

Connect with Us on Socials:
Website | Twitter | Blog | Discord |Telegram

Introduction:
We are excited to announce that SendTokens is now integrated into the Creator L2 ecosystem, enhancing our platform with easy and fast transactions. This integration enables users to interact with our ecosystem with greater ease and efficiency.

What is Sendtokens ?

Sendtokens is a self custody wallet that allows users to send cryptocurrencies to anyone via usernames. The wallet aims to simplify the process of sending and receiving cryptocurrencies, making it easy for anyone to participate in crypto space.

Link: https://sendtokens.xyz

Key Features of Sendtokens

• Simplified Transactions: SendTokens allows users to send cryptocurrencies to anyone seamlessly via usernames, eliminating the need for complex wallet addresses.
• CryptoPin: This innovative feature allows users to send cryptocurrency to friends and family without requiring wallet addresses or SendTokens usernames. Users can generate a unique 10-digit pin, functioning similarly to a crypto gift card, making the process more accessible and user-friendly.
• User-Friendly Interface: Designed with a focus on simplicity, SendTokens offers an intuitive interface that caters to both beginners and experienced users, making cryptocurrency management straightforward.

Aligning with Creator’s Blockchain Vision

The integration of SendTokens into the Creator L2 ecosystem reinforces our commitment to providing a scalable, accessible, and user-centric blockchain environment. This collaboration enhances the capabilities of both platforms, enabling:

• Simplified Transactions: Users can send cryptocurrencies to anyone via usernames, eliminating the need for complex wallet addresses and making transactions more intuitive.
• Self-Custody: SendTokens offers a decentralized, self-custodial wallet, ensuring users have complete control over their digital assets, aligning with Creator’s emphasis on security and user empowerment.
• Enhanced Accessibility: By simplifying the process of sending and receiving cryptocurrencies, this integration makes blockchain technology more approachable, fostering broader adoption within the Creator community.

This partnership exemplifies our shared vision of making blockchain technology more user-friendly and secure, paving the way for increased engagement and innovation within the Creator L2 ecosystem.

Explore Now

We invite users to explore the enhanced capabilities brought by Sendtokens’s integration with Creator L2. Experience a world of seamless, secure, and innovative blockchain interactions.

For more information, visit:

• Sendtokens: https://sendtokens.xyz
• Creator L2: https://creatorchain.io

Join us in this exciting journey as we continue to build and expand the decentralized future of the internet.

#Creator #Sendtokens #Web3 #Superchain

Connect with Us on Socials:
Website | Twitter | Blog | Discord |Telegram

Last Saturday, Nextbridge Africa hosted their inaugural community call, marking a significant milestone in fostering innovation and collaboration. The Creator Team proudly participated in this exciting event, contributing to its vibrant and engaging atmosphere.

The call brought together a diverse group of tech enthusiasts, developers, and innovators, creating a platform for sharing ideas, networking, and building partnerships. The Creator Team showcased its groundbreaking Layer 2 blockchain solutions, emphasizing the ease of building on the Creator ecosystem and its commitment to supporting the next generation of blockchain innovators.

Key highlights of the community call included:

• A brief overview of Creator’s mission to drive Web3 adoption across Africa.
• Insightful discussions on how Ethereum’s ecosystem empowers developers and fosters collaboration.
• Networking opportunities with attendees passionate about decentralized technologies.

Attendees were not only introduced to Creator’s robust blockchain infrastructure but also inspired by the team’s vision of transforming how developers and organizations interact with scalable, low-cost solutions.

The Creator Team’s active participation underscored its commitment to engaging with local tech communities, showcasing its solutions, and inspiring future leaders in the blockchain space. This event set a powerful tone for what’s possible when innovation meets community-driven action.

Workshop: Exploring the Creator Ecosystem

As part of the event, our Developer Relations Engineer hosted an engaging workshop aimed at introducing attendees to Creator Network and its dynamic ecosystem. The session was designed to provide a comprehensive overview of Creator’s capabilities, including its Layer 2 blockchain technology, scalable infrastructure, and low-fee transaction capabilities.

Participants were guided through hands-on activities that demonstrated how to build on Creator Network effectively. From setting up a development environment to deploying smart contracts, the workshop empowered attendees with practical knowledge and tools to get started in the Web3 space.

The workshop also covered key features of Creator Network, such as:

• How it facilitates seamless interoperability within the Superchain ecosystem.
• Opportunities for developers to explore innovative dApp ideas.
• Incentives such as Creator Rewards for developers and users building on the network.

Attendees expressed enthusiasm, sharing their aspirations to contribute to the Creator ecosystem by developing decentralized applications, organizing events, and leveraging Creator’s resources to expand their blockchain expertise.

Through this interactive and impactful workshop, Creator Network reinforced its commitment to fostering innovation, building communities, and driving adoption across universities and tech hubs.

Networking and Games

The meetup featured an exciting blend of networking and interactive game sessions, creating a lively and engaging atmosphere for all attendees. These activities served as a perfect icebreaker, encouraging participants to connect, share ideas, and collaborate while enjoying a relaxed and fun environment.

The networking sessions provided attendees with an opportunity to meet like-minded tech enthusiasts, developers, and innovators, fostering meaningful connections that could lead to future collaborations within the Creator ecosystem.

Meanwhile, the game sessions brought a fresh and entertaining dynamic to the meetup. Through team-based challenges and friendly competitions, participants not only had fun but also worked together to solve puzzles and achieve objectives, promoting collaboration and camaraderie.

These elements added a unique touch to the event, ensuring that attendees left with both valuable insights about Creator and a sense of community spirit.

Conclusion

The meetup was a resounding success, blending learning, networking, and fun to create a memorable experience for everyone involved. Participants had the opportunity to deepen their understanding of the Creator ecosystem, connect with other passionate individuals, and engage in exciting activities that fostered collaboration and community spirit.

This event demonstrated Creator’s commitment to not only driving blockchain innovation but also building a thriving and inclusive ecosystem. The positive energy and valuable exchanges from the meetup are just the beginning, as we look forward to more impactful gatherings, collaborations, and milestones in our journey toward empowering developers and communities across the globe.

We thank all attendees for making this event a remarkable one and invite everyone to join us as we continue to build the future of Web3 together.

#Creator #CommunityCall #NextbridgeAfrica #Web3 #Superchain

Connect with Us on Socials:
Website | Twitter | Blog | Discord |Telegram

Introduction:
We are excited to announce that Orochi Network’s Orocle Service is now integrated into Creator L2, enhancing our ecosystem with decentralized oracle capabilities. This integration enables decentralized applications (DApps) on Creator L2 to securely access real-world data without relying on centralized oracles, thereby improving data accuracy, security, and reliability.

What is Orocle?

Orocle is a decentralized oracle service developed by Orochi Network that fetches and verifies off-chain data for use within blockchain smart contracts. Unlike traditional centralized oracles, Orocle operates on a provable model, reducing the risks associated with single points of failure and enhancing trust through a distributed network of nodes.

Link: https://docs.orochi.network/orochi-network/orocle-v2.html

Key Features of Orocle

• Eliminates Single Points of Failure: By utilizing a decentralized network, Orocle ensures that data retrieval and verification are distributed, mitigating the risks associated with centralized oracles.
• Ensures Data Accuracy and Verification: Orocle employs zero-knowledge proofs (ZKPs) to fetch and verify off-chain data, providing DApps with accurate and tamper-proof information.
• Supports Secure Integration with External Data Sources: Designed to integrate seamlessly with various blockchain platforms, Orocle offers flexibility and a wider reach, enhancing the functionality of DApps across different networks.

Aligning with Creator’s Blockchain Vision

The integration of Orocle into Creator L2 reinforces our commitment to providing a scalable, accessible, and user-centric blockchain ecosystem. This partnership enhances the capabilities of both platforms, enabling:

• Enhanced Ecosystem Growth: DApps on Creator L2 can now leverage Orocle’s decentralized oracle services to access real-world data securely and efficiently.
• Innovation Unleashed: Combining Orocle’s zero-knowledge data availability with Creator’s scalable infrastructure paves the way for advancements in DeFi, NFTs, and cross-chain interoperability, delivering seamless user experiences.
• Advancing Adoption: This collaboration positions Creator L2 as a preferred destination for developers, innovators, and crypto enthusiasts seeking cutting-edge solutions in the blockchain space.

Explore Now

We invite developers and users to explore the enhanced capabilities brought by Orocle’s integration with Creator L2. Experience a world of seamless, secure, and innovative blockchain interactions.

For more information, visit:

• Orochi Network: https://www.orochi.network/
• Creator L2: https://creatorchain.io

Join us in this exciting journey as we continue to build and expand the decentralized future of the internet.

#Creator #OrochiNetwork #Web3 #Superchain

Connect with Us on Socials:
Website | Twitter | Blog | Discord |Telegram

Introduction:
We’re excited to welcome Revoke.cash into the Creator Network Ecosystem! With this collaboration, users can revoke token approvals to avoid potential risks on the Creator L2 network.

What is Revoke.cash?

Revoke.cash is a security tool designed to help cryptocurrency users manage and revoke token approvals granted to decentralized applications (dApps). When interacting with dApps, users often authorize these platforms to spend tokens or NFTs on their behalf. Over time, unused or forgotten approvals can pose security risks, as malicious actors might exploit them to access funds without consent. Revoke.cash enables users to inspect and revoke such approvals, enhancing wallet security.

Link: https://revoke.cash

Key Features:

• Token Approval Management: Users can view all active token approvals associated with their wallets and revoke unnecessary or potentially risky permissions.
• Multi-Network Support: The platform supports over 100 networks, including Ethereum, BNB Chain, and Creator L2, allowing users to manage approvals across various blockchains.
• Browser Extension: Revoke.cash offers a browser extension that alerts users when they are about to sign potentially harmful token approvals, providing an additional layer of protection against phishing scams.

Aligning with Creator’s Blockchain Vision

The integration of Revoke.cash with the Creator blockchain allows users to be able to inspect all the contracts they’ve approved to spend tokens on their behalf and revoke access for those no longer needed.

This integration aligns with Creator’s vision of enhancing user security and control within the blockchain space.

Revoke.cash offers a browser extension that helps protect users from common crypto scams by alerting them when they’re about to sign a token approval, thereby preventing potential phishing attacks.

Additionally, Revoke.cash provides educational resources to help users understand token approvals and maintain proper wallet hygiene.

Integrating Revoke.cash with the Creator blockchain empowers users to take back control of their wallets, ensuring a safer and more transparent environment for decentralized finance and application interactions.

#Creator #RevokeCash #Security #Web3 #Superchain

Connect with Us on Socials:
Website | Twitter | Blog | Discord | Telegram

This article will be a guide for you on how you can interact with Smart contracts deployed on Creator Testnet with Viem.

What is Viem?

Viem is a TypeScript interface for Ethereum that provides low-level stateless primitives for interacting with Ethereum.

Viem on Creator L2

The Creator L2 network details have already been integrated into the viem/chains codebase, simplifying the process for developers to create powerful dApps using Viem on the Creator L2 Testnet.

Getting Started

1. Add Creator L2 to Your Wallet
   Make sure Creator L2 is added to your MetaMask or any EVM-compatible wallet. You can find the network details here.
2. Bridge Sepolia ETH to CreatorL2
   Use the bridge to transfer Sepolia ETH to Creator L2 ETH.
3. Install Node.js
   Ensure Node.js is installed on your computer.
4. Sharpen Your JavaScript Skills
   Have a basic understanding of JavaScript and familiarity with a framework or library. You’ll be using them to build dApps on Creator.

With these prerequisites in place, you’re ready to start building! 🚀

Deployment of Smart Contract on Creator

I have a deployed smart contract. This contract includes a function for storing and retrieving numbers on-chain.

This contract is deployed on Creator. You can explore it here:

Let’s Get Started

The smart contract has been deployed and we are ready to interact with it on our frontend using Viem. We’ll be using React.js for this and installing it with Vite.js.

# npm 7+, extra double-dash is needed:
npm create vite@latest creator-storage -- --template react

After installation, open the project folder in your preferred IDE, such as VS Code.

cd creator-storage && npm i viem

Edit the React Template

We need to replace the content in app.jsx

This is current the default template in the app.jsx/tsx file

import { useState } from 'react'
import reactLogo from './assets/react.svg'
import viteLogo from '/vite.svg'
import './App.css'

function App() {
  const [count, setCount] = useState(0)

  return (
    <>
      <div>
        <a href="https://vitejs.dev" target="_blank">
          <img src={viteLogo} className="logo" alt="Vite logo" />
        </a>
        <a href="https://react.dev" target="_blank">
          <img src={reactLogo} className="logo react" alt="React logo" />
        </a>
      </div>
      <h1>Vite + React</h1>
      <div className="card">
        <button onClick={() => setCount((count) => count + 1)}>
          count is {count}
        </button>
        <p>
          Edit <code>src/App.jsx</code> and save to test HMR
        </p>
      </div>
      <p className="read-the-docs">
        Click on the Vite and React logos to learn more
      </p>
    </>
  )
}

export default App

Edit and change to this to initialize viem

import { useState } from 'react'
import viteLogo from '/vite.svg'
import './App.css'
import { createPublicClient, http } from 'viem'
import { creatorTestnet } from 'viem/chains'

const client = createPublicClient({
  chain: creatorTestnet,
  transport: http(),
})

function App() {
  const [number, setNumber] = useState(0)
  return (
    <>
      <h1>Vite + Creator</h1>
      <div className="card">
        <button>
          Number in storage is {number}
        </button>

      </div>
    </>
  )
}

export default App

I’ve initialized Viem in the project and made some UI adjustments. Now, let’s delve into using Viem to make the project reactive. First, let’s import createWalletClient from Viem.

import { createPublicClient, http, createWalletClient, custom,parseEther  } from 'viem'

Then initialize it in the code

const wallet_client = createWalletClient({
  chain: creatorTestnet,
  transport: custom(window.ethereum)
})

To access the available wallet in the browser, we use window.ethereum. You'll need to copy the contract's ABI to your frontend. Create a new folder named contract inside the src folder, and then create a file called abi.js.

const abi = [
    {
        "inputs": [],
        "name": "retrieve",
        "outputs": [
            {
                "internalType": "uint256",
                "name": "",
                "type": "uint256"
            }
        ],
        "stateMutability": "view",
        "type": "function"
    },
    {
        "inputs": [
            {
                "internalType": "uint256",
                "name": "_number",
                "type": "uint256"
            }
        ],
        "name": "store",
        "outputs": [],
        "stateMutability": "nonpayable",
        "type": "function"
    }
]

Next, we’ll import it into App.jsx

import ABI from "./contract/abi"

We’ve finished importing the ABI. Now, let’s create a function named store within the App function

const store = async (number) => {
    const { request } = await client.simulateContract({
      address: '0x3fFE200b32ED779f06Dda526E9535a19825d39bb',
      abi: ABI,
      functionName: 'store',
      args: [parseEther(number)]
    });
    const hash = await wallet_client.writeContract(request);
    return hash;
  }

The store function is used to interact with the store function from the contract. In the code above, we're passing the _number parameter from the contract using the args option. The parameter input is parsed with ethers to ensure the contract can understand it.

Fectching datas from the smart contract

Don’t worry, you’ll see it! To view the output from the smart contract, we’ll need to make a call to the contract. Similar to regular API calls with Axios or Fetch, we’ll use Viem to fetch the request from the smart contract through the ABI. Add the following code after the store function.

const retrieve = async () => {
    const data = await client.readContract({
      address: '0x3fFE200b32ED779f06Dda526E9535a19825d39bb',
      abi: ABI,
      functionName: 'retrieve',
      account
    });

    return data;
  }

To use the dApp, we need to connect a wallet. We’ll create a React hook named useConnect for easy wallet connection. Start by creating a hooks folder and a useConnect.js file within it. Paste the following code into the file:

import { useState, useEffect } from 'react';

export const useWallet = () => {
  const [account, setAccount] = useState(null);
  const [error, setError] = useState(null);

  // Function to connect wallet
  const connectWallet = async () => {
    if (typeof window.ethereum !== 'undefined') {
      try {
        // Request wallet connection
        const accounts = await window.ethereum.request({ method: 'eth_requestAccounts' });
        
        // Set the first connected account
        setAccount(accounts[0]);
        setError(null);  // Clear any previous error
      } catch (err) {
        // Handle error if user rejects the request or if there's another issue
        setError('User rejected the connection request or an error occurred.');
      }
    } else {
      setError('No Ethereum provider found. Please install MetaMask.');
    }
  };

  // Optionally: Detect account change or network change
  useEffect(() => {
    if (typeof window.ethereum !== 'undefined') {
      const handleAccountsChanged = (accounts) => {
        if (accounts.length > 0) {
          setAccount(accounts[0]);
        } else {
          setAccount(null); // Disconnected
        }
      };

      window.ethereum.on('accountsChanged', handleAccountsChanged);

      return () => {
        window.ethereum.removeListener('accountsChanged', handleAccountsChanged);
      };
    }
  }, []);

  return { account, connectWallet, error };
};

The useConnect hook simplifies wallet connection, eliminating the need to rewrite the code in every page. Although it's not strictly necessary for this project, we'll use the useEffect hook to call the retrieve function, preventing unnecessary re-renders.

useEffect(() => {
    retrieve().then((data) => {
      setNumber(formatEther(data))
    })
  }, [number, setNumber]);

Finally, let’s review the complete code

import { useEffect, useState } from 'react'
import viteLogo from '/vite.svg'
import './App.css'
import { createPublicClient, http, createWalletClient, custom, parseEther, formatEther } from 'viem'
import { creatorTestnet } from 'viem/chains'
import { abi as ABI } from "./contract/abi";
import { useWallet } from './hooks/useConnect'

const client = createPublicClient({
  chain: creatorTestnet,
  transport: http(),
})

const wallet_client = createWalletClient({
  chain: creatorTestnet,
  transport: custom(window.ethereum)
})

function App() {
  const [number, setNumber] = useState(0);
  const { account, connectWallet, error } = useWallet();

  const store = async (number) => {
    const { request } = await client.simulateContract({
      address: '0x3fFE200b32ED779f06Dda526E9535a19825d39bb',
      abi: ABI,
      functionName: 'store',
      args: [parseEther(number)],
      account
    });

    const hash = await wallet_client.writeContract(request);

    return hash;
  }
  const retrieve = async () => {
    const data = await client.readContract({
      address: '0x3fFE200b32ED779f06Dda526E9535a19825d39bb',
      abi: ABI,
      functionName: 'retrieve',
      account
    });

    return data;
  }

  useEffect(() => {
    retrieve().then((data) => {
      setNumber(formatEther(data))
    })
  }, [number, setNumber]);
  return (
    <>
      <h1>Vite + Creator</h1>
      <button onClick={connectWallet}>
        {account? account : "Connect Wallet"}
      </button>
      <div className="card">
        <button onClick={() => {
          store(String(Number(number) + 1))
        }}>
          Number in storage is {number}
        </button>

      </div>
    </>
  )
}

export default App

Conclusion

This tutorial provided a guide through creating a web application and connecting it to a smart contract deployed on Creator Testnet using Viem.

#Creator #Viem #Web3 #Superchain

Connect with Us on Socials:
Website | Twitter | Blog | Discord | Telegram

December Recap

Our December Recap has arrived! This month we have many updates from our Ecoystem,Partners and Team! Time to jump in.

Ecosystem Updates

We had an incredible month onboarding new projects into our ecosystem, bringing the total to over 20+ projects.

New Ecosystem Projects Include:

• VB Audit
• SafePal

Creathon (Creator Hackathon)

We’re thrilled to announce our first hackathon, kicking off on January 19th, marking the start of an exciting year of activities in 2025!

This is your chance to unleash your creativity, build innovative products, and contribute to shaping the future of Web3. Join us to bring your groundbreaking ideas to life, collaborate with like-minded builders, and earn rewards for your impactful solutions on the Creator ecosystem.

🗓️ Hackathon Dates: January 19th — February 24th, 2025
💰 Prize Pool: $1,250 for 10 winners

Get ready to innovate and be part of Web3 history! 🌟

Event Sponsorship

We are thrilled to sponsor the NextBridge Africa Community Call happening on January 18th in Enugu, Nigeria. This partnership marks a significant milestone in our journey into the vibrant African ecosystem.

As a sponsor, Creator L2 is proud to contribute by:

• Fostering Networking Opportunities: Connecting with top tech professionals, educators, and students from across Africa.
• Showcasing Creator L2: Highlighting how our scalable Layer 2 blockchain empowers the next wave of African innovation.

We look forward to an inspiring event and building stronger ties with the African tech community! 🌍

Conclusion

As 2024 draws to a close, we reflect on the incredible milestones we’ve achieved since our testnet launch. This year was just the beginning, and we’re excited to reach even greater heights in the year ahead. Here’s to an even more impactful 2025! 🚀

#Creator #EOY #Web3 #Superchain

Connect with Us on Socials:
Website | Twitter | Blog | Discord | Telegram

SafePal is Live on Creator L2

Introduction:
We’re thrilled to welcome SafePal into the Creator Network Ecosystem! With this integration, ecosystem enthusiasts can now effortlessly send, receive and manage their assets on Creator L2 Network.

What is SafePal ?

SafePal is your gateway to the rapidly expanding galaxy of decentralized applications. Our broad asset support and cross-chain compatibility make it easy to do everything from buying and selling NFTs to blockchain gaming to liquidity mining, all from the safety of your crypto wallet.

Link: https://safepal.com/en/

Key Features

• DApp Discovery: Seamlessly interact with hundreds of DApps.
• NFT Marketplace Access: Buy, collect, and sell NFTs across marketplaces and on any device.
• DeFi Exploration: Safely try uncharted DeFi projects with ease and peace of mind.
• Effortless Cross-Chain Asset Management: Manage your assets across multiple blockchains in one unified interface.

Aligning with Creator’s Blockchain Vision

This partnership reinforces Creator’s commitment to providing a scalable, accessible, and user-centric blockchain ecosystem.
SafePal’s integration expands the Creator Network’s usability and solidifies our mission to enable decentralized interactions in a frictionless manner.

• Empowering Ecosystem Growth: SafePal users can now interact with Creator Network’s Layer 2 scalability to enjoy lightning-fast transactions and low fees.
• Unleashing Innovation: This synergy showcases Creator’s aim to redefine DeFi, NFTs, and cross-chain interoperability while delivering seamless user experiences.
• A Step Toward Adoption: By integrating SafePal, the Creator L2 Network takes a significant stride toward becoming a preferred destination for developers, innovators, and crypto enthusiasts alike.

Explore Now

Start using SafePal with Creator L2 today to unlock a world of seamless, secure, and innovative blockchain experiences.

#Creator #SafePal #Web3 #Superchain

Connect with Us on Socials:
Website | Twitter | Blog | Discord |Telegram

We are excited to announce the launch of our DApp Ecosystem Store by Blockscout!

With this launch, users can now explore various projects in our ecosystem and test them seamlessly.

Currently Listed on the Store

Our DApp Store currently features over four DApps, with more coming soon:

1. Comet Bridge ☄️
   The seamless interlink communication aggregator for Ethereum, Bitcoin, and all Layer 1s.
2. Emmet Finance (Coming Soon)
   A cross-chain bridge, swap aggregator, and provider of a Cross-Chain Messaging (CCM) protocol on TON and EVM blockchains.
3. NFTs2Me
   A multichain, user-friendly platform for creating, deploying, and managing your NFT collection.
4. ZNS Connect
   Decentralized naming solutions for the #Web3 era, personalized for blockchain interactions.

Explore the Store

Check out the Creator DApp Store today and discover innovative solutions that empower the Creator ecosystem. Stay tuned as we onboard even more exciting projects!

#Creator #DApps #Web3 #Superchain

Connect with Us on Socials:
Website | Twitter | Blog | Discord | Telegram