Twitter-Clone-Blockchain-Web3-DApp Tailwind Templates

Twitter Clone Blockchain Web3 Dapp

Twitter Blockchain Web3.0 DApp with Solidity | Next.js | Sanity.io | Hardhat | IPFS | Pinata, Tailwind CSS

FullStack Twitter DApp (Decentralized Application)

Complete Full Stack Twitter DApp (Decentralized Application) using solidity language for Smart Contract, hardhat for Dev Enviroment, and Next.js Framework for frontend.

Smart Contract Deployed on Rinkeby Test Network -> 0x0fb8a28AB6bBE78Ab016a3ff96E2539d65F6718e

When Not Connected Screenshot-273

Main Page Of Twitter Dapp Screenshot-272

For Minting an NFT Image Screenshot-271

Functionalities :-

  • Mint An NFT Image (Also visible in OpenSea)
  • Detector whether the profile image is NFT or not
  • Get All Tweets
  • Get Perticular User Tweets
  • Twitter User Interface

How to Setup in your local enviroment :-

Frontend

1. cd frontend
2. yarn install
3. yarn run dev

Blockchain

1. cd smart-contracts
2. npm install
3. setup env for rinkeby test network or you can use localhost.
4. npx hardhat node
5. npx hardhat run scripts/deploy.js --network localhost

Technologies/Frameworks Used :-

Frontend

  1. Next.js
  2. Tailwind CSS (For styling).
  3. Pinata (For Storing NFT Images).
  4. ethers.js for Web3 integration.
  5. Vercel (For deploying frontend)

Blockchain

  1. Solidity (To develop Smart Contract)
  2. Javascript (For deploying scripts)
  3. Chai (For testing Smart Contract)
  4. Rinkeby (Test network)
  5. Hardhat

Database

  • Sanity.io (For storing the users, and populate dynamic data.)

Top categories

Loading Svelte Themes