Twitter 3.0

Mar 10, 2022 · 2 min read
Twitter 3.0

Twitter 3.0 with Blockchain and Smart Contract Technology.

Features

  • Authentication using MetaMask: We are using MetaMask for Authentication.

  • Decentralized Database : This Application uses Decentralized server which has better encryption using Blockchain Technology.

Frameworks and Libraries

  • NextJS : Next.js is a JavaScript framework built with react js, webpack, and babel. Next.js helps the developer easily create a static generation (SSG) and server-side rendering (SSR) website.
  • Solidity : Solidity is an object-oriented, high-level language for implementing smart contracts. Smart contracts are programs which govern the behaviour of accounts within the Ethereum state.
  • Tailwind CSS : Tailwind CSS is basically a Utility first CSS framework for building rapid custom UI. It is a highly customizable, low-level CSS framework that gives you all of the building blocks that you need.
  • Vercel : Vercel integrate directly with GitHub or GitLab as well. It allows developers to host static websites and web applications that deploy upon every push in branches or merge/pull requests to preview changes live
  • MetaMask : • MetaMask is a browser plugin that serves as an Ethereum wallet.

Installation

  1. Clone the repo
$ git clone https://github.com/Chaganti-Reddy/twitter3.0.git
  1. Change your directory to client folder
$ cd client
  1. Now, run the following command in your Terminal/Command Prompt to install the libraries required
$ yarn install
  1. Change your directory to studio folder
$ cd .. && cd studio
  1. Now, run the following command in your Terminal/Command Prompt to install the libraries required
$ yarn install
  1. Change your directory to smart-contracts folder
$ cd .. && cd smart-contracts
  1. Now, run the following command in your Terminal/Command Prompt to install the libraries required
$ yarn install

How to Run

  1. Open terminal. Go into the client directory and type the following command:
$ yarn dev

Results

MetaMask Authentication

Home page

Profile Page