Notice: 2025-06-14

The development progress is summarized at the following link.

https://zenn.dev/nakamura196/books/41693d2d017082

Overview

As part of learning blockchain technology, I created a prototype management system for digital cultural heritage. Since the purpose is learning blockchain, there are many missing features, but I plan to add and improve them in the future.

https://digital-heritage-five.vercel.app/

Technologies Used

  • The Ethereum Sepolia network is used. Since the purpose is blockchain learning and prototype development, a test network is used.
  • Pinata is used as the hosting service for the distributed file storage IPFS.

https://pinata.cloud/

Preparation

To use this site as described below, you need to create a MetaMask wallet and set up the ETH Sepolia testnet. Additionally, a certain amount of SepoliaETH is required for gas fee payments during registration.

I would like to introduce these methods in a separate article, but please refer to articles available on the internet.

Usage

Access the following URL.

https://digital-heritage-five.vercel.app/

If MetaMask is installed, the following screen is displayed.

Pressing the “Connect Wallet” button displays the following screen.

After connecting, the following screen is displayed.

As a sample, I will use images from Irasutoya.

https://www.irasutoya.com/2020/12/blog-post_279.html

Enter the name, description, and image URL, then press the register button.

The following screen is displayed. Press the confirm button.

The data is registered as follows.

Verifying Transactions

You can verify the details of transactions using Etherscan.

https://sepolia.etherscan.io/tx/0x1234567890abcdef…(example)

The string entered in Input Data is described as “encoded data of a smart contract function call.” The following function is used to decode it.

ccf}doouennnt}}csIsDcrEotntetyccccccccccccxdpciooooooooooaoeeeuioo{nnnnnnnnnntncIttndnGssGsCsDsDsDsssscsunhpeetoetrtetetioooohotpedudtltefcsllllleuratiefepaditodpeeee(etstDncfu.patenydel....e.d(aapounlarecepecallllreei=tudncoraoeoyoooorrcntatectgamddpsddggggoroproIti(mseeaaer((((rodue=dnio'eDcrr=tde'''')retqdaponFtaoaas\NDI(Due'tunSuetd=m[=unaem{'aic0atinraee'lDmsaDtrox(sgcrntsdteecgeaedbiintd=eetesc:rec)(e2ngaiawrrco'io;'fpntot'iod,pUde2uauna0etndetRet6ttrxtygeddiLh2)ueS('hp'reo:eeerieee,.Pcn'rr4{e=gx+rsdao:,rs.ncs'erd'o'.iali.scae,dr).ntunAtomde:;(pudpbrde[dc'euriuiiet0eo,xtentCn(e]cda.:g.ogtr)oeems'sd'ys;ddrpl,fle,p:e[rliiire'd2oecfrc('s)[]reuse)s,;1))o(nt(;t];;f0c1rp),t40ia;ai)nrc1ob;gat0ny'mu)St]sa;ie;Dlgsan)traaet)gu;irset)r;ationdata)';

As a result, the following was confirmed.

%FDNDIueaemnncmsaocoecgdtd:reeieiodサpUsnンtRcPプiLrSaルo:iirnpga:htnmtsae登t/tt録pdueサserrン:cesプ/o::ル/dでbe0すl-x。oibgn2gpfeu2rt6..2gjeos4ogleusercontent.com/img/b/R29vZ2xl/AVvXsEi5x8DUwBVjGR2IkVozOhVoe1zMnzIrcemz4s8xMsHR1gP8mV809urM_03Et8VWHxlGHXy1Vo2UD6x1z7SUVtVik0d0wCW37bbAIb1q7WOlKdyRiwpDkJiONBKEvgPdJFJFRTwGNMMeGUbW/s691/baby_role_towel_utsubuse.png

Uploading Files to IPFS

Since it is connected to Pinata, files can be uploaded to IPFS. When you upload a file by drag and drop, the IPFS gateway URL is automatically registered as follows.

By using the same registration method as above, the data is uploaded.

Reference

If MetaMask is not installed, the following message is displayed.

Summary

This is my first time developing anything related to Web3, and there may be some errors, but we hope this serves as a useful reference.