https://ceramicstudio.github.io/web-playground/

A sample web app for testing Ceramic components in the browser
https://ceramicstudio.github.io/web-playground/

Last synced: about 4 hours ago
JSON representation

A sample web app for testing Ceramic components in the browser

• Host: GitHub
• URL: https://ceramicstudio.github.io/web-playground/
• Owner: ceramicstudio
• License: other
• Created: 2020-10-20T12:50:47.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2023-03-05T20:03:55.000Z (over 1 year ago)
• Last Synced: 2024-11-02T15:04:43.546Z (12 days ago)
• Language: HTML
• Homepage: https://playground.ceramic.dev
• Size: 20.2 MB
• Stars: 24
• Watchers: 3
• Forks: 13
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • License: LICENSE-APACHE

Awesome Lists containing this project

• awesome - Web Playground

README

        
# [Ceramic Web Playground](https://ceramicstudio.github.io/web-playground/)

Test the full stack of [Ceramic Network](https://ceramic.network/) components in a web browser.

## Technologies

- [Ceramic HTTP Client](https://developers.ceramic.network/reference/javascript/clients/#http-client): Provides access to the Ceramic Network via a remote node running Ceramic (and IPFS).

- [3ID Connect](https://developers.ceramic.network/build/authentication/#did-provider-or-wallet): Provides authentication to a DID (used by Ceramic) from a blockchain wallet, and stores a link from this blockchain account to your DID in IDX.

- [DID-DataStore](https://developers.ceramic.network/tools/glaze/did-datastore/): Implements the Identity Index protocol to store and retrieve data associated with a DID from a provided DataModel.

## Usage

1. Open the [Playground page](https://ceramicstudio.github.io/web-playground/)

1. Open your console by inspecting the page

1. Authenticate by clicking "Connect wallet"

1. Approve prompts in your Web3 wallet

1. Wait to see "Connected with DID" in your console

1. Write and read documents on the Ceramic Network from the console using the referenced API methods

1. Write and read records with the DID-DataStore from the console using the referenced API methods

## License

Apache-2.0 OR MIT