timothyshen / web3nft.social

W3NS - Web3 NFT Social Platform

0618 updates: after eth-shanghai, we build new module for our system:

• d-blog-to-earn: https://github.com/NftTopBest/d-blog-to-earn
• web3-note-to-earn: https://github.com/NftTopBest/web3-note-to-earn

Slogan: Make every web2 creator easily create product and earn on web3.

Early Access for web3nft.social, Will have chance to get limited NFT!!!: https://discord.gg/sAmc98A5q5

Currently with these Features:

• Linktree like home page for every wallet address that user can follow/unfollow it, and chat with the wallet address
• chat system have a full functions filter logic that support with CyberConnect data and wallet address's onChain data
• d-blogging system that blogger can earn by using the NFT gating features

Deploy Information and Demo Video

• Keynote
• Main App Deploy Url: https://dev.web3nft.social
• Chat App(base on the XMTP chat app code)
  • Deploy Url: https://chat.web3nft.social
• Some of the screenshots
• Video Demo on Loom
  • Video demo for Main Application and Chat Application
• front-end code
• contract code
• Main application frontend deployed
  • Arweave
  • Vercel
• Chat App
  • Currently build base on the XMTP example chat app: Pull Request
  • Will build a full function chat && work application in to main Application soon
• Contract deployed
  • Mumbai
    • NFT Deploy
    • NFT Marketplace Deploy
  • Near: Aurora
  • Moonbeam

Technologies used

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

Application Features

• Support all web2 social platform login
  • Easier for new Web3 users (thanks to the Web3Auth)
  • Login by many social platforms
  • Login by metamask/walletconnect
  • While storing data to Ceramic, will trigger Self.ID login too
• CyberConnect
  • Follow/unfollow actions
  • Followers list
  • Followings list
• Profile data save on Ceramic
• Web3 LinkTree
  • Users can add many social platform links to their W3NS home page
  • Data stored on Ceramic
  • Data permission control by LIT
• Search any address to show the Web3 things
  • Use KNN3 to get the NFT user information
• [WIP] Web3 Instagram Clone
  • With LIT to have content permission control (user must mint poster's NFT to have access to the page)
• [WIP] Web3 Blogger Clone
  • With LIT to have content permission control (user must mint poster's NFT to have access to the article)
• [WIP] Anyone can create an NFT marketplace without code to earn an exchange fee

What's NEXT

• Build the UI that supports the user to mint anyone's page NFT
• Build the UI for the user to create their own NFT-D-Market that could earn an exchange fee without any coding skills
• Add traffic status information for every wallet address home page
• Finish the Blog and Instagram clone with Ceramic and LIT permission control
• Add more functions that make the W3NS more like a Developer open platform that they do not re-invent the base gears and only need to focus on building application features (Think about Facebook Application Central but on the BlockChain Area!)
• Build the Chat UI in the Tailwind Style

Contact Information

• Twitter: Web3HackerNinja
• Discord: Web3Hacker.Ninja HD