d-blog to earn: d-blog sytem with token gating

W3NS - Web3 NFT Social Platform

GitHub: https://github.com/NftTopBest/d-blog-to-earn demo: https://owf.web3nft.social/0xC6E58fb4aFFB6aB8A392b7CC23CD3feF74517F6C/blog Keynote(pdf version): https://github.com/NftTopBest/d-blog-to-earn/blob/main/Web3BloggingToEarn.pdf

Web3 NFT Open Platform For Novice Web3 Users.

Application Features

• Blog: user creation for sale
  • 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)
• Social relations: CyberConnect
  • Follow/unfollow actions
  • Followers list
  • Followings list
• Web3 LinkTree
  • 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: 用户创作经济
  • 列出/创建博客内容，保存到 IPFS
  • 结合 LIT 来可以让内容具有链上权限控制功能(用户必须购买作者指定的 NFT 才能看到博客内容）
  • 博客内容添加了 token 网关功能逻辑（只有用户用特定的 NFT 才能阅读博客内容）
• 社交关系：CyberConnect
  • 关注/取关功能
  • 用户粉丝列表
  • 用户关注列表
• Web3 LinkTree
  • 用户可以添加多个社交平台链接到他们的主页
  • 数据存储在 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

GitHub: https://github.com/NftTopBest/d-blog-to-earn