header-langage
简体中文
繁體中文
English
Tiếng Việt
Scan to Download the APP

Teach you how to get Alchemy Road to Web3 Week 7 NFT

2022-08-26 18:10
Read this article in 20 Minutes
总结 AI summary
View the summary 收起

Original title: "Ten Billion Project Alchemy Road to Web3 Seventh Week NFT Acquisition Tutorial"
Original Author: Greta


< /p>

What project is Alchemy?


In December 2019, Alchemy completed $15 million Series A financing, the owners are Pantera Capital, Stanford University, Coinbase, Samsung, etc.


In April 2021, Alchemy completed its  US$80 million Series B round of financing at a valuation of US$505 million, led by Coatue and Addition DFJ Growth, K5 Global, Chainsmokers (smoker combination), actor Jared Leto and the Glazer family participated in the vote.


In October 2021, Alchemy completed $250 million Series C financing at a valuation of $3.5 billion, led by a16z.


In February 2022, Alchemy completed a $200 million financing round at a $10.2 billion valuation, led by Lightspeed and Silver Lake.


Alchemy is a team with a strong background, sufficient funds, practical work, and no currency issuance.


And, Alchemy plans to use the new funds to promote Web3 adoption, some of which include the launch of Web3 University, now Road to Web3 10 weeks, one NFT per week. After looking at the very small number of NFTs, it is estimated that due to the difficulty of the task, many small partners simply gave up. If such a project is airdropped, it is definitely a big deal.


Hands-on week 7 tutorial: How to build an NFT market from scratch


< br>

step1 Sign up for an Alchemy account and create a new application


1. Sign up for an Alchemy account. Enter the dashboard and click create app. Sign up for an Alchemy account. Enter the dashboard and click create app.



Then set as follows, click create app.



Click the view key


< br>

Copy the contents of the HTTPS box.



step2 Set up your MetaMask wallet for development


1. Connect MetaMask to Goerli network, then use Goerli faucet to request Goerli ETH. You will need Goerli ETH to deploy smart contracts and upload NFTs to your NFT marketplace.



2. Click to add Goerli network, fill in as shown in the figure (the RPC URL is the link obtained in step1), click Just save



step3 setup repository< /h4>


1. For convenience, the official has uploaded the basic code to the GitHub repository. This code has all the front end written, but no smart contracts or integration with the front end. To clone the repository, run the following commands step by step in the console:


2. After running the above four commands, this will pop up.


(The picture below is port 3001 because my port 3000 is still in use, everyone’s estimate is still 3000)

< br>


step4 Set environment variables and Hardhat configuration


1. Open vscode and find The folder you just created, click Select Folder.



2. Open another console, cd into the RTW3-Week7-NFT-Marketplace folder, and enter echo test>.env creates a .env file.



3. Back to vscode, you can see the env file, paste the following code in it

< p>

REACT_APP_ALCHEMY_API_URL="<YOUR_API_URL>" (this is the last HTTPS obtained in step1) REACT_APP_PRIVATE_KEY="<YOUR_PRIVATE_KEY>" (this is the private key of the little fox wallet you will use for development)


Copy this and replace the first line with the equal sign Content.



Copy the private key to replace the content after the equal sign on the second line



4. If not installed, please enter npm install dotenv --save in the console


< p>


5. In your home directory, make sure to add the following code to your hardhat.config.js file: (Actually just changed two lines of code related to env)< /p>



step5 Use Piata to upload data to IPFS


1. Enter pinata official website, select the "new key" button at the top, set as shown in the figure, and click create key.



2. You will then see a popup with your API information. Copy it to a safe place.



3. Go back to vscode, click on the .env file, and add the following code behind.


REACT_APP_PINATA_KEY="<YOUR_PINATA_KEY>" REACT_APP_PINATA_SECRET="<YOUR_PINATA_SECRET>"


The first line and the second line are filled with the content in the picture.



As shown in the figure after filling:



step6 write smart contracts


1. Find the NFTMarketplace.sol file in vscode (under contracts) , replace the code in it with the following, pay attention to save. The official has an explanation for each step, you can understand it.



step7 deploy smart contract on Goerli


< /p>

1. Still in vscode, find a file named deploy.js under scripts, paste the following code and save it.



2. Then open the console and execute the following command: npx hardhat run --network goerli scripts/deploy. js


step8 Add the function of uploading NFT metadata to Piata


1. In src, paste this code in a file called pinata.js and save it.



step9 Integrate the front end with the smart contract


1. Add the following code to your src/components/SellNFT.js, as shown in the figure.



2. Put the following code Paste it into src/components/Marketplace.js, as shown in the figure.



3. Change the following code Paste it into src/components/Profile.js, as shown in the figure.



4. Put the following code Paste it into src/components/NFPage.js, as shown in the figure.



Remember to save the above steps.


step10 Test your code


1. Enter npm start in the console, you can see To success. You can try uploading nft and purchasing nft functions, or you can submit directly.



step11 submit project


Week Seven - Road to Web3 Project Submission

Share what you learned this week and earn a Proof of Knowledge Kudos NFT!

alchemyapi.typeform .com


You can submit the project to github, the specific method is at the end of the sixth week tutorial


You can also submit the deployed contract address here



step12 Receive nft


Mint Kudos - Community contributions as soulbound tokens

Kudos are a way to turn individual and team off-chain contributions into on-chain, peer-verified, soulbound tokens with a celebratory twist!


Original link


欢迎加入律动 BlockBeats 官方社群:

Telegram 订阅群:https://t.me/theblockbeats

Telegram 交流群:https://t.me/BlockBeats_App

Twitter 官方账号:https://twitter.com/BlockBeatsAsia

举报 Correction/Report
This platform has fully integrated the Farcaster protocol. If you have a Farcaster account, you canLogin to comment
Choose Library
Add Library
Cancel
Finish
Add Library
Visible to myself only
Public
Save
Correction/Report
Submit