DEV Community: Femi Omoshona

Build a Simple React NFT Gallery in 5 Minutes

Femi Omoshona — Mon, 08 Dec 2025 14:41:40 +0000

Quick, hands-on guide for developers who want to prototype an NFT gallery UI fast. This tutorial walks you through a tiny React project that simulates minting NFTs locally (no smart contract required). You’ll get the full code, file structure, step-by-step setup, and clear next steps to convert this into a real blockchain dApp later.

Why build this?

Validate UI and UX quickly before writing smart contracts.
Practice React state, components, and rendering lists.
Create a portfolio piece you can show immediately.
Easy to upgrade to connect Metamask + ethers.js later.

What you’ll build

A single-page React app with:

A Mint NFT button that creates an NFT (id, name, random image).
An NFT gallery that shows all minted items as cards.

Set Up Your React Development Environment

Install Node.js
Before starting, make sure you have Node.js installed.

Download from: https://nodejs.org
After installing, check:

node -v npm -v

Create a New React Project

Open your terminal or command prompt and run:

npx create-react-app react-nft-project

This command will:

Create a new folder called react-nft-project
Install all default React dependencies
Set up a ready-to-use project structure

Enter the Project Folder
cd react-nft-project

You are now inside the React project directory.

Start the Development Server
npm start

This will:
Compile your React app
Open it automatically in your browser

View Your Running App, your app will run here:http://localhost:3000

Any time you edit your code, React will auto-refresh the page.

You’re Ready to Build! 🎉

And start building your NFT components.

src/App.js

import React, { useState } from "react";

function App() {
  const [nfts, setNfts] = useState([]);

  const mintNFT = () => {
    const newNFT = {
      id: nfts.length + 1,
      name: `NFT #${nfts.length + 1}`,
      image: `https://picsum.photos/300?random=${nfts.length + 1}`
    };
    setNfts([...nfts, newNFT]);
  };

  return (
    <div style={{ padding: "20px", fontFamily: "Arial" }}>
      <h1>My NFT Gallery</h1>
      <button
        onClick={mintNFT}
        style={{
          padding: "10px 20px",
          background: "purple",
          color: "white",
          border: "none",
          borderRadius: "5px",
          cursor: "pointer"
        }}
      >
        Mint NFT
      </button>

      <div style={{ display: "flex", flexWrap: "wrap", marginTop: "20px" }}>
        {nfts.map((nft) => (
          <div
            key={nft.id}
            style={{
              width: "200px",
              padding: "10px",
              margin: "10px",
              border: "1px solid #ddd",
              borderRadius: "10px",
              textAlign: "center"
            }}
          >
            <img
              src={nft.image}
              alt={nft.name}
              style={{ width: "100%", borderRadius: "10px" }}
            />
            <h3>{nft.name}</h3>
          </div>
        ))}
      </div>
    </div>
  );
}

export default App;

This create a new item with three pieces of information:

id:

It counts how many NFTs already exist and adds 1.

Example: if you have 3 NFTs, the next one will be ID = 4.

name:

It names the NFT automatically like “NFT #4”, “NFT #5”, etc.

image:

It gets a random image from the internet using picsum.photos.

The random=${nfts.length + 1} ensures each NFT gets a different image.

So overall, this line is basically saying:

const newNFT = {
  id: nfts.length + 1,
  name: `NFT #${nfts.length + 1}`,
  image: `https://picsum.photos/300?random=${nfts.length + 1}`
};

👉 “Create a new NFT with a unique ID, name, and picture.”

index.html

This already exists in React, but ensure it has:

<div id="root"></div>

src/index.js

import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(<App />);

This file tells React where to put your app on the webpage and then displays (renders) your App component inside the <div id="root"> area.

Run the Project, open the URL:

👉 http://localhost:3000

This loads the NFT gallery interface.

Conclusion

This React-based NFT gallery provides a streamlined demonstration of how digital assets can be dynamically generated and displayed within a modern frontend application. While the current implementation simulates NFT creation locally, the structure is intentionally designed to be extendable. With minimal modifications, this setup can be integrated with blockchain networks, wallet providers, and smart contract interactions to support real NFT minting, ownership verification, and on-chain metadata.

By leveraging essential React concepts such as state management, component rendering, and event handling the project offers a solid foundation for developers looking to transition from frontend development into Web3-enabled applications. As such, it serves as both an educational tool and an expandable starting point for building full-featured decentralized NFT platforms.

C2F Cohort 1: Onboarding Talents into the Africa Blockchain Ecosystem

Femi Omoshona — Sat, 22 Jul 2023 01:23:58 +0000

The Code 247 Foundation (C2F) and Althash University (Alt-U) have joined forces with an ambitious goal in mind - to onboard over 1 million Smart Contract Developers into the Africa Blockchain Ecosystem by the year 2030. This collaborative effort is a testament to their commitment to fostering innovation, technology, and skills development in the region.

To kickstart this monumental endeavor, the Code 247 Foundation is thrilled to announce the launch of Cohort 1, a fully funded scholarship program sponsoring 500 deserving youths to pursue their dreams of becoming Smart Contract Developers at Althash University. This initiative is a ray of hope for young talents in Africa, providing them with an incredible opportunity to access quality education in the blockchain industry.

The scholarship program is open to youths, graduates, and young professionals from several African countries, namely Nigeria, Ghana, Kenya, Cameroon, and South-Africa. The selection of these countries reflects the Foundation's commitment to promoting education and technological advancements across the continent.

The significance of this initiative cannot be overstated. The blockchain technology is rapidly transforming industries worldwide, and Africa must not be left behind in this digital revolution. By empowering 500 youths with the necessary skills and knowledge in Smart Contracts, Code 247 Foundation and Althash University are paving the way for Africa's tech-savvy workforce of the future.

The partnership between C2F and Alt-U is a strategic move that combines the Foundation's vision and mission with the University's expertise in blockchain education. Althash University has established itself as a reputable institution in the blockchain space, making it the ideal platform to deliver quality education to aspiring Smart Contract Developers.

Through this fully funded scholarship, financial barriers will not hinder talented youths from pursuing their dreams. The program aims to create a level playing field, giving equal opportunities to all deserving candidates, regardless of their economic background.

The scholarship recipients will not only gain knowledge in Smart Contract development but will also be exposed to cutting-edge technology, real-world projects, and industry experts. This immersive learning experience will equip them with the practical skills needed to thrive in the blockchain ecosystem.

Moreover, the ripple effect of this initiative is expected to extend far beyond the scholarship recipients. As these youths graduate and become skilled professionals, they will become catalysts for growth and innovation in their communities, contributing to the overall development of the Africa Blockchain Ecosystem.

The Code 247 Foundation and Althash University firmly believe in the power of education and the potential of the African youth. By investing in these talented individuals, they are investing in the continent's future. The vision of onboarding 1 million Smart Contract Developers by 2030 is not just an ambitious target; it is a collective commitment to creating a sustainable and thriving blockchain ecosystem in Africa.

If you are interested in applying for the scholarship, please follow the enrollment guidelines provided above and make sure to enter the unique code "C0DE247" in capital letters to redeem your scholarship offer. Ensure to fill in all the necessary details during the enrollment and orientation process.

In conclusion, the launch of Cohort 1 fully funded scholarship by Code 247 Foundation and Althash University is a game-changer for the Africa Blockchain Ecosystem. It is a stepping stone towards building a technologically advanced and innovative continent. The Foundation and the University's dedication to empowering the African youth is commendable, and their partnership is poised to leave a lasting impact on the region's tech landscape. As the scholarship program opens its doors to aspiring Smart Contract Developers, we can only anticipate the transformational changes it will bring to Africa's future.

Join the C2F Telegram community: https://lnkd.in/d53QAn_n

For more info: www.code247initiative.org

NigeriaYouths #SkillsForTheFuture #FutureYouths #21stCenturySkills #TeamCode247Foundation #AlthashUniverisity #GlobalCampus

Awesome Supports from other Global Web 3 Leaders in Blockchain Space

Femi Omoshona — Fri, 07 Apr 2023 21:52:13 +0000

Code 247 Foundation is a non-profit organization that focuses on promoting coding skills and blockchain technology among African youth, with a particular emphasis on Nigeria. The foundation aims to equip young people with the necessary knowledge and skills needed to thrive in the fast-evolving technological landscape, thus creating a more vibrant and sustainable tech ecosystem in Africa.

The organization offers various programs and initiatives, such as coding bootcamps, hackathons, mentorship, and networking opportunities, to help young people develop practical skills and experiences in software development and blockchain. Code 247 Foundation is run by a team of certified tech experts who are passionate about using their expertise to empower the next generation of African tech leaders. They collaborate with various organizations and stakeholders in the tech industry to expand their reach and impact.

Target audience: The foundation's primary target audience is African youth aged 16 to 35 years old, particularly those from underserved communities who may not have had access to quality technology education or resources. However, their programs and initiatives are open to anyone who is interested in learning coding or blockchain technology.

Programs and initiatives: Code 247 Foundation offers a range of programs and initiatives, including coding bootcamps, hackathons, mentorship, networking events, and online resources such as tutorials and webinars. These programs are designed to be hands-on and practical, allowing participants to gain real-world experience in coding and blockchain technology.

Partnerships and collaborations: The foundation collaborates with various organizations and stakeholders in the tech industry, including tech companies, universities, government agencies, and non-profits.

Impact: Since its founding, the foundation has impacted over 1,000 African youth through its programs and initiatives, helping them develop valuable skills and experiences in technology. The foundation's ultimate goal is to have a lasting impact on the African tech ecosystem, by empowering the next generation of tech leaders and entrepreneurs.

As we get set to onboard new set of talents through bootcamp, welcome new set of Web 3 leaders doing amazing things in this amazing space. Code 247 Foundation Summit 2023 is going to be awesome. Brief details about our guest.

Dr Tammy Francis (USA)

She is the Founder and CEO of Catalyst 4 Change Global, LLC. She is an edupreneur, a tenured Associate Professor in Texas, USA and a Professor at Althash University, a global campus that offers online blockchain programs. Tammy is a Global Strategist, Educator, Consultant, Educational Researcher, Speaker, Author, Podcaster, Mentor, and Traveler.

Ph.D holder in Curriculum and Instruction. who have taught for over 22 years in the traditional educational system--grades 6-12 and higher education. As a professor and educator, she help adults improve their reading and writing skills as well as their ability to be successful in college and life.

Omoseyin Faye (Nigeria)

Expert in blockchain development, Defi, Nft and skilled in Economics and Statistics, knowledgeable in researching, designing, developing and testing blockchain technologies as well as proficeliency in Solidity, Geth, Truffle, Remix, Metamask, Ganache, JavaScript, React.js, web3.js, RELL and more.

Pretty Kubyane (South Africa)

Co-founder Coronet Blockchain, co-founded Coronet Blockchain back in 2019, and led the team to raise two funding tranches across the US and Switzerland. Following the Swiss funding round, she also co-founded the eFama App a B2B2C Marketplace: that enables farmers to sell their fresh produce and meat direct to consumers, commercial buyers, and achieve quality assurance.

She was flown into a Southern African nation on the brink of a kimberlite diamond mining boom, leading a multi-disciplinary team. Where dhw was tasked with spearheading the design of a ZAR 29 billion social impact investment framework (an SLP), to hold mines accountable whilst ensuring communities benefit from the extractive industry successes.

Overall, the Code 247 Foundation is a promising organization that is making significant efforts to promote technology education and entrepreneurship in Africa. If you are interested in learning more about our programs or getting involved with our initiatives, you can visit our website or reach out to us directly.

EVERYTHING YOU NEED TO KNOW ABOUT CODE 247 FOUNDATION, OUR IMPACT SO FAR SINCE THE BEGINNING OF THE INITIATIVE IN 2021

Femi Omoshona — Wed, 24 Aug 2022 07:58:00 +0000

Just year of existence we have trained and inspired thousands of youths into the Africa Blockchain Space.

“We believe that Africa can be great, will be great and most be great”

Code 247 Foundation is on a mission to educate millions of youths across the Africa countries, giving the youths the technical skill needed to re-inventing the future of Africa through code.

Who we are

Code 247 Foundation is championed by a group of certified tech experts from different parts of African countries to help Nigerian and African youths with the necessary coding ideas and skills on blockchain technology and to promote United Nations (UN) Sustainable Development Goals (SDGs) for a sustainable future.

Code 247 Foundation is an Incorporated Trustee registered with the Nigerian Corporate Affairs Commission (CAC) and piloted by a group of purpose driven young entrepreneurs with over five years experience in tech industry.

C2F engage his community members regularly through weekly and monthly meetup where youths are given further training on fundamental technical skills on smart contract development which they can build upon over time and become professional Smart Contract Developer (SCD) in other to build a solution for Africa and the world at large. The training is delivered online/physical with a live coding and interactive sessions with other experts across the globe.

We launched the initiative in 2021, drive with the vision creating an excellent tech platform for African youths to unleash their creative ingenuity and reach their full potential. So much has changed since we launched Code 247 Foundation. We have onboard difference facilitators with several years of experiences in the tech space from difference part of the countries such as Nigeria, Kenya, Cameroon and Canada etc. Code 247 Foundation have trained and inspired over 5,000 youths it was found in 2021.

Progress is inspiring

One major thing that has inspire us at Code 247 Foundation is our progress, within one year of existence, this initiative has partner with a lot of local and international organizations and initiatives doing amazing things in the blockchain space, and also trained over two thousand youths. Recently, we have good number of youth seeking to support us through volunteer. That is totally amazing right. Research shows that nothing boosts emotion, perception and motivation more than making progress in meaningful work no matter how small each step may be.

Financing

This initiative is been sponsor and supported by our Code 247 Foundation facilitators. If you are backed by VCs, private equity or angels (that is totally amazing), every dollar you get from real customers is a dollar you are truly earned. Starting and running an initiative can really be challenging if you lack supports from others. I want to use medium to appreciate all the facilitators for your 100% support, committing your resources, time and energy on this amazing task of raising the next generation of Africa tech talents.

Scaling a initiative requires constant reorientation

Every new stage brings different challenges and growing Code 247 Foundation to the point where we are today is not an easy task. At first, we have shortage of facilitator but alone the line we onboard some experience experts making it easy to assign roles and responsibilities. As we add more people, the work becomes easy.

We are not alone on this amazing task of raising the next generation of web3 talent into the Africa Blockchain Ecosystem. We are very happy to onboard new board of advisory members who have several years of experience in blockchain space, below is the details.

Raj Kapoor

Raj is the Founder of India Blockchain Alliance, the largest Indian emerging technology tech think tank and an Advisory Board Member at over 20 blockchain companies including, Floyx, Spherium, He is a global, Blockchain & Cryptocurrency & FinTech Educator, Certified Bitcoin Professional (CBP), Blockchain Solution Architect, and friend of disruptive ideas, protem Chairman for Organization of Blockchain Technology Users (OBTU). He is also the Asia Lead, Technology & Innovation at Blockspace Technologies Ltd.

Modupe Ativie

Modupe Ativie is a learning & development professional with over 14 years experience, her blockchain journey started in 2018 with cryptocurrency trading and in 2020 she got more involved in the technology behind the currencies. She was appointed the African Lead, Global Blockchain Women Alliance in 2021 and in 2021 she graduated from the DLT Talents program of the Frankfurt School Blockchain Center.

Lamar Eitow

Lamar is the founder and CEO of Borderless Blockchain Alliance (BBA). Lamar Eitow is a blockchain architect and consultant with several years of experience developing and leading innovative projects in the blockchain space. He employs his burning interest in blockchain technology to support diverse projects that positively impact the world.

He also works with multiple teams and organizations on various projects as an advisor and mentor. This decentralized organization is empowering the next generation with emerging technology skills to build personalized solutions and access equal opportunities anywhere in the world.

Code 247 Foundation team appreciate some special guest who connected with us from South Africa and United State of America, finding out time to share knowledge in the just concluded Code 247 Foundation Summit 2022.

Shadrack Kubyane – Co-Founder, Coronet Blockchain.
Tyler Penning – Founder & CEO, RE-ORG: The Rise of DAO.

Code 247 Foundation Summit was an ample opportunity to connect with like minds and boost one's professional network. Code 247 Foundation is a pacesetter, leading the drive to the adoption of blockchain in Nigeria, and looking forward to seeing more young talents doing amazing things in this amazing space.

Watch highlights o the full summit video on YouTube. You can connect with us and join the Code 247 Foundation network at
https://code247initiative.org/ Or follow us on LinkedIn and facebook: @Code247Foundation

Anticipate C2FS2023, it’s going to be great.

Vending Machine Smart Contract Development

Femi Omoshona — Tue, 19 Jul 2022 03:22:38 +0000

INTRODUCTION TO VENDING MACHINE

Vending machine is an interesting thing to get you started with the basics of Solidity. So, we are going to write a code in Solidity that will help us build a smart contract for a Lizy Vending Machine!

In this title you will learn all the things needed to build a Lizy's Vending Machine using solidity programming language. You will gain a whole host of practical experience/technical skills with vending smart contract, as well as theoretical within this title.

• Introduction to Vending Machine
• Variable
• Function and Function Visibility types (Private) etc
• Get Balance Function
• Purchase Function
• Restock Function
• Compiling our Smart Contract
• Deploying our Smart Contract
• Conclusion

A vending machine is an automated machine that provides items such as snacks, beverages, cigarettes, and lottery tickets to consumers after cash, a credit card, or other forms of payment are inserted into the machine or otherwise made.

Let us start off by going to Remix which is an IDE for the language of Solidity. It is used to write Smart Contracts for the Blockchain. In terms of implementation coding for ERC-20 tokens, the six basic coding functions are: get Balance
Purchase
Restock

Remix(IDE)

Remix is a powerful, open source tool that helps you write Solidity contracts straight from the browser. Written in JavaScript, Remix supports both usage in the browser and locally. Remix also supports testing, debugging and deploying of smart contracts and much more. Enter the url below to access the remix overview environment:

https://remix.ethereum.org/

License Identifier

Solidity 0.8.11 introduces SPDX license identifiers so developers can specify the license the contract uses. (e.g. OpenZeppelin Contracts use MIT license).

SPDX license identifiers should be added to the top of contract files. (see example in OpenZeppelin Contracts ERC20.sol)

The following identifier should be added to the top of your contract (example uses MIT license):

//SPDX-License-Identifier: MIT

The license should be from one of the following: https://spdx.org/licenses/

⚠️ If the license identifier isn’t included in the contract file the compiler will now show a warning.

❗ If there are multiple license identifiers in the contract file the compiler will now show an error.

We now need to write the version of solidity that we are going to be using:

pragma solidity ^0.8.15;

The next step is to create a contract. In Solidity, we write a smart contract by typing the keyword contract followed by the name of the contract. Let us proceed by naming our contract Vending Machine. So, write:

contract VendingMachine{

        }

We will write our further code in the curly brackets as all the functions and variables would be a part of it. Next, we define the variables that will be a part of the contract that is:

1: Address public owner;
2: mapping(address => uint) public lizyBalances;

Here, address refers to the wallet address of the owner and mapping refers to a keyword where we can map one type of variable to be associated with another.

So, lizyBalances is a mapping where number of lizy's will be associated with the address. Next, we go on to create a constructor that will be automatically executed when deployment will occur on the Ethereum Blockchain.

 constructor(){
            owner = msg.sender;
            lizyBalances[address(this)] = 1000;
            }

The creation of first function is getBalance(). It is used to get the balance of lizy's that are left in the Vending Machine.

lizyBalances[address(this)] represents the balance of the lizy's that are associated with the current Ethereum account.


            function getBalance() public view returns (uint) {

                return lizyBalances[address(this)];

                }

Function that is next is called restock(). It is restricted only to the owner and thus, the keyword comes as require.
The lizyBalances gets updated when the amount is entered by the owner to be incremented.


        function restock(uint amount) public {

            require(msg.sender == owner, "Only owner can restock the lizy!");
            lizyBalances[address(this)]+= amount;

            }

The last function is the purchase function that actually helps the person or the customer to purchase a lizy's.

The price for one lizy's that we entered is 0.5 ETH. Thus, the msg.value should be equal to the amount multiplied by 0.5 ETH.

Also, the Vending machine should have the number of lizy's entered by the customer. When both of these requirements are fulfilled, then the lizyBalances of this address gets deducted by the amount.

Also, the msg.sender’s lizyBalances will get updated by the number of lizy's purchased.


            function purchase(uint amount) public payable{

                require(msg.value >= amount * 0.5 ether, "You must pay at least 0.5 ether per lizy");

                require(lizyBalances[address(this)] >= amount, "OOPS! Not enough lizy");

                lizyBalances[address(this)] -= amount;

                lizyBalances[address(msg.sender)] += amount;

                }

Finally, the code is done. Now we, proceed to compile it. The Remix automatically compiles the code and shows if there is some error or not. Then, we go ahead to Deploy the code.

To deploy our smart contract we are going to using the Injected Provider-Metamask environment.

Make sure that we are in Deploy and Run Transactions tab. Then the environment to be selected is Injected Provider-Metamask. The contract should be our Vending Machine contract.

Deploy it now, and you will get the deployed contract as follows. Also, now whenever the customer has purchased the lizy's, the lizyBalances gets updated when the function is called.

Estimated gas fee 0.00138873 RopstenETH

Below is the contract is the address of the lizy vending machine

0x18855a8cd0dda8d56a7cd82211b1be7c7433da09

Result: ropsten.etherscan.io

Other information includes

Transaction Hash:
0x19adcb673ca2e8fcb60649f354a6a24c330ba4538c6d0cf41b758e0925ca6fc8

Block: 12621525 

Transaction Fee: 0.00138872500388843 Ether ($0.0

Conclusion.

You have just created your own vending machine Smart Contract contain three functions (getBalance, purchase and restock). I hope this was a quick guide to get you up to speed.

Hope you enjoyed the article! If you have any questions or comments, feel free to drop them below or reach out to me on

Code 247 Foundation(C2F)

Femi Omoshona — Thu, 10 Feb 2022 16:55:19 +0000

Brief Details About Code 247 Foundation

Code 247 Foundation is championed by a group of certified and tech experts from across the globe to help Nigerian and African youths with the necessary coding ideas and skills on blockchain technology for a sustainable future. Code 247 Foundation is an Incorporated Trustee registered with the Nigerian Corporate Affairs Commission (CAC) and piloted by a group of purpose driven young entrepreneurs with over five years experience in tech industry. The Trustee is born out of the common passion of these tech gurus to front Nigeria and Africa into the league of global competitiveness by investing their time, skills and resources to make African youth IT savvy especially in a 21st century technology driven world. It is against this backdrop, that these tech experts created the C2F Annual Coding Summit. The C2F Annual Coding Summit is a 2 day event, after passionate youth will be given further intensive hands-on training on Blockchain Technology.

C2F engage his community members regularly through weekly and monthly meetup where youths are given further training on fundamental technical skills on smart contract development which they can build upon over time and become professional Smart Contract Developer (SCD) in other to build a solution for Africa and the world at large. The training is delivered online/physical with a live coding and interactive sessions with other experts across the globe.

We also provide platforms where:

Innovation and creativity are fostered.
Blockchain enthusiast come together to share success stories.
Network and connect with people in tech industry.

Partnership Announced
We are very excited to announced that Code 247 Foundation(C2F) as just officially partner with Borderless Blockchain Alliance (BBA).

The partnership is aim at supporting, promoting and inspiring youths to bring the actual change we desire among youths through the Decentralized Ledger Technology (DLT).

BBA mission aligned with the Code 247 Foundation mission allow us to further engage in blockchain education and giving youths the technical skill needed on smart contract developments on difference blockchain project, DeFi, Non-Fungible Token (NFT) and Metaverse in this 21st century.

Brief Details About Borderless Blockchain Alliance (BBA)

Borderless Blockchain Alliance is a global movement empowering individuals to transform their reality themselves using decentralised blockchain technology.

BBA is for you if you’re looking to develop projects, offer products and services, and invest in the development and growth of the greater Blockchain Ecosystem and Web3.

Join the century's biggest public-driven initiative and learn how to unlock your own power and talents, to change your life and those around you. Take responsibility for your own life by believing you hold the power to actualize the best version of your life.

BBA Initiatives
Get involved in any of our initiatives:

Join BBA Community
Join BBA Launchpad
Join BBA Invest DAO
Build With BBA Labs

For more details about Borderless Blockchain Alliance: https://blockei.io/

"Code 247 Foundation have trained good numbers of youths who are currently working on amazing projects since the beginning of the initiative in 2021. Partnering with Borderless Blockchain Alliance(BBA), will make a tremendous impacts towards onboarding more talents into Blockchain ecosystem in Africa. We believe our partnership will be a win-win relationship, as Code 247 Foundation developers and Borderless Blockchain Alliance continue to contribute to growing the ecosystem together.” — Omoshona Femi, Code 247 Foundation Program Co-ordinator.

C2FS2022 ...Loading

We are using this medium to apprepriate everyone who make last year event successful (C2FS2022). We would like to use this opportunity to seek other sponsorships/partnerships.

Africa can be great, will be great and must be great.

Raising 1 Million Smart Contract Developers by 2030

Change is coming, let shape it together

See you @ C2FS2022, it going to great!!!

For more details about Code 247 Foundation: https://code247initiative.org/

How to Create your Own ERC-721 Token that runs on Local Testnet

Femi Omoshona — Wed, 13 Oct 2021 13:20:33 +0000

In a very simple term ERC721 token is one of the token standard used in NFT space which can be found on the Ethereum blockchain.

Blockchain space as a whole is a fast-moving space with new token standards proposed all the time. New ERC-4337 update proposal has been announced recently by Vitalik Buterin. The Ethereum developer has discussed the new features that will be introduced with the update and the possibilities that the new ERC brings to the network.

In this article, you will learn how to create erc721 token.

• Setting up Development Environment
• Use OpenZeppelin Contracts
• Creating the ERC721 Token
• Adding Migrations to Truffle
• Deploying the Token to the Truffle Development Network
• Mint Token
• Transfer Token from one Another to Another Account

Setting up Development Environment

There are just three basic steps for creating any smart contract:
Write, Compile and Deploy.

We have multiple options to choose from for the environment. The most popular ones are Truffle and HardHat. They both help with writing, compiling, and deploying our smart contracts to the blockchain. We are going to be using Truffle since it is very easy to get started with.

Prerequisites

NodeJS + npm installed. I am using v14.17.6 LTS.

Let's setup Truffle and import the OpenZeppelin Token Library. We are using Truffle 5.3.7 and OpenZeppelin 4.1.0 for this project.

For our token, we will be using Truffle and the OpenZeppelin Contracts. The first step is therefore to initialize a new Truffle Project and add in the OpenZeppelin contracts.

If you haven't installed truffle globally yet, then install truffle first that is very important before you can move forward:

  npm install -g truffle

Then create a new folder, open VSCode (Terminal), initialise a new Truffle project and install OpenZeppelin Contracts:

  truffle init npm 

  install @openzeppelin/contracts

use OpenZeppelin Contracts

From the OpenZeppelin Github Page: A library for secure smart contract development. Build on a solid foundation of community-vetted code.

They come with a preset, so we can easily do an ERC721 Contract that is mintable, pausable, burnable and supports all functions we possibly need to be ERC721 compliant.

We are going to using this for our implementation https://github.com/OpenZeppelin/openzeppelin-contracts/blob/master/contracts/token/ERC721/presets/ERC721PresetMinterPauserAutoId.sol

Creating the ERC721 Token

Create a new file in /contracts/ FemiToken.sol with the following content:

  // SPDX-License-Identifier: MIT
   pragma solidity 0.8.3;

  import "@openzeppelin/contracts/token/ERC721/presets/ERC721PresetMinterPauserAutoId.sol";


  contract FemiToken is ERC721PresetMinterPauserAutoId {

constructor() ERC721PresetMinterPauserAutoId("FemiToken", "AIS", "https://femi.art/metadata/") {}

  function tokenURI(uint256 tokenId) public view virtual override returns (string memory) {
   return string(abi.encodePacked(super.tokenURI(tokenId),".json"));
    }
  }

This is a normal ERC721 Contract based on the preset that OpenZeppelin gives us. If we open the ERC721PresetMinterPauserAutoId Contract then you see that it actually does a few things in the constructor:

It sets up a new ERC721 Token Contract with the name and the symbol, in this case "FemiToken" and "AIS".
It sets the tokenURI.
It will grant the deployer pausing rights and minting rights.
Additionally, and completely optional, but we decided to add ".json" to the url for the metadata file automatically, hence modified the tokenURI function.

Adding Migrations to Truffle

Create a migrations file to migrations/2_token_migration.js with the following this content.

  const FemiToken = artifacts.require("FemiToken");

  module.exports = function (deployer) {

       deployer.deploy(FemiToken);

  };

Next: In the truffle-config.js file, edit the compiler settings from 0.5.1 to 0.8.3 as you can see on the screen:

  compilers: {
solc: {

  version: "0.8.3", 
  // docker: true,
  // settings: {          
  //  optimizer: {
  //    enabled: false,
  //    runs: 200
  //  },
  //  evmVersion: "byzantium"
  // }
  }
},

Deploying the Token to the Truffle Development Network.

Then simply run the truffle development console

  truffle development

This should open the Truffle Development console, just like what we have below:

Now lets just migrate the token and then mint one token:

  migrate

will deploy the tokens to this test-chain.

Awesome! Our smart contract has just be migrated, we can play around with the smart contract by sending token from one account to another, sounds interesting right.

Now let get our token instance using:

  let token = await FemiToken.deployed();

These will give us the instance of FemiToken, which will display the whole token contract, include all the functions that our token has.

Mint token

  token.mint(accounts[0]);

From this image as you can see the status is true, that means our transaction went through, that is cool right

Transfer token from one another to another account

Transfer from first account to the second account

  token.transferFrom(accounts[0], accounts[1], 0);

Congratulations!

You have just created your own ERC-721 Token. I hope this was a quick guide to get you up to speed on token development in the NFT space. The new ERC-4337 update proposal has been announced recently by Vitalik Buterin. I will want you to read through it if have not done that click on the link above. Change is coming let change it together.

Learning to learn, 100% ready to learn, code for real impact in blockchain space

Watch-out for the next upcoming article.

Step by Step Guide on How to Setup Metamask

Femi Omoshona — Fri, 08 Oct 2021 10:53:13 +0000

MetaMask is a software cryptocurrency wallet used to interact with the Ethereum blockchain. It allows users to access their Ethereum wallet through a browser extension or mobile app, which can then be used to interact with decentralized applications.

MetaMask allows users to store and manage account keys, broadcast transactions, send and receive Ethereum-based cryptocurrencies and tokens, and securely connect to decentralized applications through a compatible web browser or the mobile app's built-in browser.

In this article, you will learn how to set up MetaMask

i. Visit https://metamask.io/ and click on 'Download Now' at the right hand of the screen

ii. Click on 'Install MetaMask for Chrome'

iii. Click on the 'Add to Chrome' button at the right-hand corner of the screen

And confirm the addition of extension by selecting 'Add Extension'.

iv. View MetaMask in the Chrome extensions menu

v. Click on 'Get Started' and select 'Create Wallet' at the hand corner of the screen

vi. Click on agree

vii. Enter a password and click 'Create' at the bottom of the screen

ix. Click on 'Next' Secure your wallet

xi. View, download and store backup seed phrase

MetaMask provides a unique 12-word Secret Backup Phrase (or “Secret Recovery Phrase”) when you create a crypto wallet as a way to restore your access to your wallet in the case that your computer is lost, stolen, or if data gets corrupted.

Store it at a safe and secure place. Then click 'Next'.

xii. Confirm backup seed phrase

You'll have to confirm the seed phrase by clicking the words in the order it was shown previously, and click 'Confirm'.

xiii. Congratulations!

You have successfully setup MetaMask and created your first wallet, that was awesome right.

Blockchain developer

Femi Omoshona — Sun, 19 Sep 2021 21:08:54 +0000