Decentralized Twitter prototype built with Polygon, GraphQL, Next.js, Ceramic, Arweave, and Bundlr

Overview

Titter - Web3 Social chat

beta as fuck

🛠 Built with Next.js, Arweave, Bundlr, Ceramic, GraphQL, & Polygon

Titter

How it works

This is a working prototype of a basic web3-native social application. Features include:

  • Permanent post storage (Arweave)
  • Editable, self-sovereign user profiles (Ceramic self.id)
  • GraphQL queries
  • Filtering at protocol level (not on client)
  • Fund and check balance of Bundlr with Matic on Polygon
  • Pagination can also be implemented fairly easily with a few extra lines of code at protocol level

Caveats:

  1. Right now there is an issue with Bundlr + Arweave in that the gateway can miss Bundlr txs and think that it never hit Arweave (when it does). Hopefully this gets fixed soon.

  2. The extent to which you can query is limited by what is offered at the protocol level. The Graph Arweave integration will unlock a lot more flexibility and power at some point in the near future.

Deploying the app

To deploy this project, follow these steps:

  1. Clone the project & change into the new directory
git clone [email protected]:dabit3/titter.git

cd titter
  1. Install dependencies
yarn

# or

npm install
  1. Run the app
npm run dev
  1. To interact with the application, switch your wallet to Polygon Network
You might also like...

A Twitter filtered search to only get the live broadcasts hosted on Twitter itself, Built using Vanilla JS and Node.js

Twitter Broadcasts Search A Twitter filtered search to only get the live broadcasts hosted on Twitter itself, Built using Vanilla JS and Node.js. Live

Oct 6, 2022

Decentralized Social Media. Built using Next.js. Web3 integration with Moralis, Metamask and Ethers.js. Also uses Lens Protofcol to get the profile data.

DecentraGram Decentralized Social Media. Built using Next.js. Web3 integration with Moralis, Metamask and Ethers.js. Also uses Lens Protofcol to get t

Dec 20, 2022

✨ An IRL tokenization platform to turn your hopes, dreams, and desires into fundable NFTs on the Polygon blockchain using Chainlink, IPFS, Moralis, and NFT.Storage.

✨ An IRL tokenization platform to turn your hopes, dreams, and desires into fundable NFTs on the Polygon blockchain using Chainlink, IPFS, Moralis, and NFT.Storage.

GoFundYourself Getting funding for your passion project, needs or dream doesn't have to be a nightmare! check out our live demo on Netlify Let's Fundi

Dec 6, 2022

This project aims for Road to web3 Hackathon powered by Polygon

BlogStream A blog site where users directly pay the writers for only what they are reading This is a project created for Road to Web3 hackathon by Web

Sep 12, 2022

A simple project to learn more about developing smart contracts on polygon.

polygon-books-hardhat A simple project to learn more about developing smart contracts using Solidity. Local Development Environment Setup Install all

Jan 25, 2022

Small, typed, dependency free tool to round corners of 2d-polygon provided by an array of { x, y } points.

Small, typed, dependency free tool to round corners of 2d-polygon provided by an array of { x, y } points.

round-polygon Small, typed, dependency-free tool to round corners of 2d-polygon provided by an array of { x, y } points. The algorithm prevents roundi

Nov 26, 2022

SW DAOs open-source Polygon dApp frontend.

SW DAOs open-source Polygon dApp frontend.

SW DAOs open-source Polygon dApp frontend. At SW DAO, we're committed to being the industry-leading provider of automated investing solutions and cryp

Jul 27, 2022

Twitter Text Libraries. This code is used at Twitter to tokenize and parse text to meet the expectations for what can be used on the platform.

twitter-text This repository is a collection of libraries and conformance tests to standardize parsing of Tweet text. It synchronizes development, tes

Jan 8, 2023

Fuck Twitter NFTs - Userscript to delete or block all occurances of NFT Users on Twitter

FuckTwitterNFTs Fuck Twitter NFTs - Userscript to delete or block all occurances of NFT Users on Twitter Userscript will by default, attempt to delete

Jan 20, 2022
Comments
  • Breaking things into reusable components

    Breaking things into reusable components

    Creating the following components :

    • Button component
    • AccountInfo
    • FormContainer
    • Input component
    • Post component
    • PostInput component
    • PostListContainer
    • ProfileImage component
    • Topics component
    opened by ilyesOussama 0
  • Account Balance still at zero

    Account Balance still at zero

    After sending some Matic tokens to the address in the Dapp, my wallet balance is still at zero. The app is deployed on a local server.

    Browser: Google Chrome Wallet: Metamask Tx details on Polyscan: https://polygonscan.com/tx/0xe154e538a3a3fe111fc4ed21af548ddbb7c6b563ab1787e3b224c6bf3e8bf049

    image

    I think the issue is related to the self.ID. My first attempt at sending some test matic was without a selfID. I tried it again after creating a self.ID profile and linking it.

    After that, I get this: image

    0.02Matic shows up but the previous 2 matic is somewhat lost to the void

    opened by adeleke5140 0
Owner
Nader Dabit
Specializing in React, cloud, cross-platform, and full stack blockchain application development.
Nader Dabit
Kittos is NFT Marketplace built with Next Js, Hardhat, Solidity, Arweave + Bundlr Client and All The CSS Magic with TailwindCSS. 😺

Kittos NFT Marketplace ?? Built with Next Js, Hardhat, Solidity, Arweave, Bundlr and Tailwind CSS. Functionalities New Listed Assets Mint NFT Buy NFT

Aakrut 7 Dec 24, 2022
Example of a ceramic app to showcase dynamic NFT capability

This is an example application that uses Ceramic, based on Next.js. Fork it freely. Getting Started Install dependencies. Create local ENV file with y

Ceramic Studio 12 Sep 6, 2022
The Gitcoin Passport SDK is comprised of a set of libraries distributed on npm to help developers interact with Passport data living on Ceramic.

The Gitcoin Passport SDK is comprised of a set of libraries distributed on npm to help developers interact with Passport data living on [Ceramic]

Gitcoin Core 47 Dec 6, 2022
Decentralized twitter using Solidity, Ethereum, hardhat, ethers, IPFS, Next.JS, TypeScript, TailwindCSS.

DWITTER: Decentralized Twitter Check out the deployed version of this app at https://dwtr.wajeshubham.in Transactions on Ethereum are slow. Therefore,

Shubham Waje 12 Sep 2, 2022
next-graphql-server is a library for building production-grade GraphQL servers using Next.js with API Routes

next-graphql-server next-graphql-server is an easy to use Next.js library for creating performant GraphQL endpoints on top of Next.js API Routes. Star

Jakub Neander 82 Nov 21, 2022
This Next.js app is designed to be used with the Figment Learn Pathways, to help developers learn about various blockchain protocols such as Solana, NEAR, Secret, Polygon and Polkadot!

???? What is learn-web3-dapp? We made this decentralized application (dApp) to help developers learn about Web 3 protocols. It's a Next.js app that us

t0nto 8 Oct 1, 2022
A thin wrapper around arweave-js for versioned permaweb document management.

?? ar-wrapper A thin wrapper around arweave-js for versioned permaweb document management. Helps to abstract away complexity for document storage for

verses 8 May 12, 2022
(WIP) A GitHub action that backs up your repo's source code to Arweave.

repo-backup-arweave A GitHub action that backs up your repo's source code to Arweave. How to use Create a workflow file in your repository at .github/

Dhaiwat Pandya 9 Sep 11, 2022
WeaveDB - Decetralized NoSQL Database powered by Arweave

WeaveDB About This Repo WeaveDB is a monorepo that contains Warp Contracts Tests SDK Light Client gRPC Node REPL Web Console Docs You can view the doc

ASTΞROIÐ 56 Jan 4, 2023
Decentralized clone of Twitter.

Decentralized feed app built with GunJS and Svelte Decentralized technologies are the future, but we can already start implementing them today. This a

Erik Davtyan 4 Aug 30, 2022