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