Code Monkey home page Code Monkey logo

twitterdapp's Introduction

TwitterDapp

Decentralized twitter application using thirdweb

About the app

This app was made as part of a learning attempt to deploy a smart contract in thirdweb.
The smart contract is easily understandable as it's not too much complex and only uses existing methods to make a twitter Dapp.

Requirements

  1. Metamask wallet. You can take a wallet by visiting metamask
  2. Node js
  3. thirdweb

Running the Dapp

  1. After installing all the requirements create a contract using thirdweb
  2. For creating a contract : npx thirdweb create --contract
  3. For creating an app : npx thirdweb create --app
  4. You can also use the command npx thirdweb@latest create
    In case you use this command every thirdweb command hereafter should have npx thirdweb@latest in it
  5. After the successful creation of your contract you can deploy it by : npx thirdweb deploy in your terminal. thirdweb will also ask us the dev framework we want(houndry or hardhat)
  6. This will take us to the thirdweb dashboard. Connect your metamask wallet and deploy your contract on your preferred chain
  7. After successful deploying we can see the read and write functions of our contract and interact with it from the explorer tab. We can also get the code snippets for javascript and many more from the code snippets tab. Much easier when compared to other dev frameworks
  8. To run the frontend make the changes accordingly. I chose a next.js project and chose typescript as the language
  9. Based on what you have installed(npm or yarn) you can run the Dapp and it will open in localhost
  10. To run using npm : npm run dev
  11. To run using yarn : yarn dev
  12. To deploy using yarn : yarn deploy

Status of the Dapp

The dapp currently has minimum functionality when considering the frontend. The smart contract works well and much more needs to be done on the frontend part

twitterdapp's People

Contributors

johnforgit avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.