Git Product home page Git Product logo

twitter_3.0's Introduction

Twitter_3.0

Overview

It is a Twitter clone, a web 3.0 app, with the functionality of tweeting and checking those tweets on your profile, using the Metamask account and minting the images on the Rinkeby Test Network, based on Ethereum blockchain and setting the minted images as your profile.

App Link

Deployed App Link - https://twitter3point0-yalrnr.vercel.app/

Functionalities of the App

• Authentication using Metamask Account

• Tweet Using the Metamask Account

• See all the tweets on the app in the feed and your personal ones on clicking the 'Profile'

• Mint your images to save them on the pinata cloud as IPFS, to store them on the blockchain

• The minted image will be set as Profile and the user will get a checkmark against his/her name on the App to distinguish them from regular users.

Tools/Technologies Used

• Frontend - NextJS, Tailwind CSS

• Smart Contract - Solidity, Hardhat

• Data and File Storage, Querying - Sanity, GROQ, Pinata

• Authentication - Alchemy api

• Others - Vercel

--------------------- Detailed list ---------------------

• NextJS for Frontend

• Tailwind CSS for Styling

• Smart Contract using Solidity, compliant with ERC721 Standard using openzepplin

• Hardhat to deploy the smart contract

• Alchemy api as rpc url to link the Metamask to Rinkeby Test Network

• Sanity for storing the tweets' and the users' details

• GROQ for querying the sanity database

• Pinata Cloud Service as IPFS to store the minted image NFTs

• Vercel for deploying

Screenshots

Metamask Prompt

Screenshot (21)

Loading Page

Screenshot (22)

Default Page with all tweets

Screenshot (23)

Profile Page with the user's tweets

Screenshot (24)

Minting default prompt

Screenshot (25)

Minting Page after selecting the file

Screenshot (26)

Minting begins

Screenshot (27)

Metamask prompt

Screenshot (28)

Account Confirmation

Screenshot (29)

Transaction Confirmation

Screenshot (30)

Minting Successful

Screenshot (31)

Profile Changed

Screenshot (32)

Changed Profile Appears on the home page

Screenshot (34)

twitter_3.0's People

Contributors

yalrnr 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.