https://github.com/dabit3/titter

Decentralized Twitter prototype built with Polygon, GraphQL, Next.js, Ceramic, Arweave, and Bundlr
https://github.com/dabit3/titter

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/dabit3/titter
• Owner: dabit3
• License: mit
• Created: 2022-04-14T15:55:57.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-05-02T23:06:40.000Z (over 2 years ago)
• Last Synced: 2024-06-13T21:39:52.762Z (5 months ago)
• Language: JavaScript
• Homepage:
• Size: 302 KB
• Stars: 152
• Watchers: 6
• Forks: 20
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
## Titter - Web3 Social chat

> beta as fuck

🛠 Built with [Next.js](https://nextjs.org/), [Arweave](https://www.arweave.org/), [Bundlr](https://bundlr.network/), [Ceramic](https://ceramic.network/), GraphQL, & [Polygon](https://polygon.technology/)

![Titter](header-image.jpg)

### 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](https://self.id/))

- [GraphQL queries](https://gql-guide.vercel.app/)

- Filtering at protocol level (not on client)

- Fund and check balance of Bundlr with Matic on Polygon

- [Pagination](https://gql-guide.vercel.app/#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](https://github.com/Bundlr-Network/js-client/issues/35) 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](https://thegraph.com/blog/graph-arweave) 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

```sh

git clone [email protected]:dabit3/titter.git

cd titter

```

2. Install dependencies

```sh

yarn

# or

npm install

```

3. Run the app

```sh

yarn dev

# or

npm run dev

```

4. To interact with the application, switch your wallet to [Polygon Network](https://docs.polygon.technology/docs/develop/metamask/config-polygon-on-metamask/)