socket-examples icon indicating copy to clipboard operation
socket-examples copied to clipboard

Examples to add

Open chicoxyzzy opened this issue 2 years ago • 11 comments

We need a few examples which I think we can split into 3 groups:

  1. simple universal examples like TodoMVC
  2. simple examples which show how to work with a particular feature:
    • windows on desktop (an app with the Settings window)
    • FS (?)
    • Node backend (http server?)
    • p2p (background color change on click from any peer)
  3. something more advanced for the showcase, like adding collaborative capabilities to existing apps

In the next two weeks I'm going to focus on groups 1 and 2, cause I think it will be more useful in the short term

Please share your ideas for the apps here or post links to opensource projects that we can wrap into Socket Runtime (cc @getify)

chicoxyzzy avatar Mar 13 '23 21:03 chicoxyzzy

Hi @chicoxyzzy , I was thinking, maybe we can use my application socket-life-counter as one of the examples from group 1. It's a simple application, I took one of my first apps I wrote in vanilla JS, and convert it to socket app. Most of functionality it's implemented , of course it's not completely finished, some more work needs to be done. It's using react template also got redux included , typescript added. Now, I'm only w8ing for p2p been enabled, so I can start sharing this app across all devices. What do you think ?

wujekbizon avatar Mar 14 '23 08:03 wujekbizon

Hey @wujekbizon, what is the premise of the life-counter app? Where can we find the original?

mribbons avatar Mar 14 '23 08:03 mribbons

Hey @wujekbizon, what is the premise of the life-counter app? Where can we find the original?

It's an app, for counting life total in card games like Magic The Gathering. You can set timer , name a player. Really basic things. the code can be found github-code. There is also live version to be found https://js-lifecounter.vercel.app/

wujekbizon avatar Mar 14 '23 10:03 wujekbizon

I do have also simple shopping list wrote in React, shopping list

wujekbizon avatar Mar 14 '23 10:03 wujekbizon

Hey @wujekbizon, what is the premise of the life-counter app? Where can we find the original?

It's an app, for counting life total in card games like Magic The Gathering. You can set timer , name a player. Really basic things. the code can be found github-code. There is also live version to be found https://js-lifecounter.vercel.app/

Does it rely on any network capabilities?

mribbons avatar Mar 14 '23 11:03 mribbons

Hey @wujekbizon, what is the premise of the life-counter app? Where can we find the original?

It's an app, for counting life total in card games like Magic The Gathering. You can set timer , name a player. Really basic things. the code can be found github-code. There is also live version to be found https://js-lifecounter.vercel.app/

Does it rely on any network capabilities?

In its current form , no. Are you looking for examples, that are using, let's say, connection to DB , or server ?

wujekbizon avatar Mar 14 '23 11:03 wujekbizon

@wujekbizon this looks really good but I think using the todo-mvc apps will provide the most familiar context for the largest possible audience.

heapwolf avatar Mar 14 '23 11:03 heapwolf

@wujekbizon this looks really good but I think using the todo-mvc apps will provide the most familiar context for the largest possible audience.

Yes, you are 100% right.

wujekbizon avatar Mar 14 '23 11:03 wujekbizon

  • TLDraw, source: https://github.com/tldraw/tldraw

  • PushPin, source: https://github.com/automerge/pushpin

getify avatar Mar 14 '23 11:03 getify

other "local-first" app ideas -- actually, "local-only" in that they're only only for your own "personal cloud" of devices -- that I would like to make for showing off socket:

  • distributed credentials management -- like 1password/etc, but where you can "store" all your secrets (encrypted, of course) out in the global peer network cache (just simply re-broadcasting every 24-48 hrs, etc). of course, it's also local on your device, but by also being replicated in the network, it ensures your credentials can be synced between all your devices, and also acts as a "backup" in case your device is lost. obviously, there's a chicken-and-the-egg problem here about how you protect your "master secret" that encrypts/decrypts your credentials store. but I have some ideas about how to handle that.

    • note: this shows off using the network, but is not designed for user-to-user interaction
    • it would also show off using bluetooth/nfc for local-device-sync of secrets
  • distributed clipboard -- I already built this simple tool at https://copythat.to which lets you securely synchronize copy/paste of text across any device, by storing the encrypted data in a gist in your oauth-authenticated github account. But I would like to wrap this in socket and have it work fully P2P with no need for github.

    • note: this shows off using the network, but is not designed for user-to-user interaction
    • it would also show off using bluetooth/nfc for local-device-sync of secrets
  • personal mental health tracker -- probably self explanatory as to why this is data you'd like to keep in an app on your device(s) but never have any intent to share that data with others (and especially not a cloud server of some company).

getify avatar Mar 14 '23 12:03 getify

Another app example: tailwind

chicoxyzzy avatar Jun 21 '23 13:06 chicoxyzzy