interactive intro to open social
at-me.zzstoatzz.io
zzstoatzz.io
1# @me
2
3an accessible visualization of how your atproto identity connects to atproto apps.
4
5[at-me.wisp.place](https://at-me.wisp.place/)
6
7## what is this
8
9in decentralized social networks, you own your identity and your data lives in your personal data server. atproto applications create records in your repository using different lexicons (data schemas).
10
11@me shows this visually: your identity at the center, surrounded by the atproto apps that have created data for you. click an app to see what record types it stores, then click a record type to view the actual data.
12
13inspired by [pdsls.dev](https://pdsls.dev).
14
15## running locally
16
17```bash
18bun install
19bun run dev
20```
21
22visit http://localhost:3030 to explore any atproto handle.
23
24## commands
25
26- `bun run dev` - start dev server with hot reloading
27- `bun run build` - build for production (outputs to `dist/`)
28- `bun run preview` - preview production build locally
29
30## tech stack
31
32- pure client-side javascript (no backend)
33- vite for development and building
34- direct atproto API calls (PDS, PLC directory, Bluesky AppView)
35- jetstream websocket for live firehose streaming
36- client-side MST (merkle search tree) visualization