W3NS - Web3 NFT Social Platform

• GitHub: https://github.com/NftTopBest/d-blog-to-earn
• demo: click to see demo
• Keynote(pdf version): Web3BloggingToEarn.pdf

Web3 NFT Open Platform For Novice Web3 Users.

Application Features

• User NFT list by blockdaemon api: source code
• Blog: user creation for sale source code
  • list/create blog posts, save in IPFS
  • With LIT to have content permission control (user must mint poster's NFT to have access to the article)
  • blog content can add token gating logic (only user have special NFT can read the blog content) source code
• Social relations: CyberConnect
  • Follow/unfollow actions source code
  • Followers list source code
  • Followings list source code
• Web3 LinkTree source code
  • User can add many social platform link to their W3NS home page
  • Data store on IPFS
  • Data permission control by LIT
• Search any address to show the Web3 things

应用功能

• Blog: 用户创作经济 source code
  • 列出/创建博客内容，保存到 IPFS
  • 结合 LIT 来可以让内容具有链上权限控制功能(用户必须购买作者指定的 NFT 才能看到博客内容）
  • 博客内容添加了 token 网关功能逻辑（只有用户用特定的 NFT 才能阅读博客内容）source code
• 社交关系：CyberConnect
  • 关注/取关功能 source code
  • 用户粉丝列表 source code
  • 用户关注列表 source code
• Web3 LinkTree source code
  • 用户可以添加多个社交平台链接到他们的主页
  • 数据存储在 IPFS
  • 数据读取权限可以用 LIT 控制
• 搜索任何地址显示 web3 相关内容

Technologies used

• BlockChain Network
  • Polygon Mumbai testnet
  • Rinkeby
• Smart Contract Dev Env
  • Hardhat
• RPC endpoints
  • Infura
• Front-end hosting && image assets && CDN
  • Vercel
  • IPFS
• User profiles / Blog posts store / Albumn Store / Permission Control
  • Ceramic
  • Self.ID
  • LIT
• Social Graph
  • CyberConnect
• Chat
  • XMTP
• Application Tech Stack
  • TailwindCSS
  • Vue3
  • Pinia (state store)
  • PWA
  • Vue-i18n
  • Villus (gql && pinia binding lib)
  • Vite2