socketsupply / socket-examples

Socket Runtime Examples – see how your favorite front-end framework is used to build cross platform UIs
https://socketsupply.co/guides
MIT License
110 stars 12 forks source link

Examples to add #61

Open chicoxyzzy opened 1 year ago

chicoxyzzy commented 1 year ago

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)

wujekbizon commented 1 year ago

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 ?

mribbons commented 1 year ago

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

wujekbizon commented 1 year ago

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 commented 1 year ago

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

mribbons commented 1 year ago

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?

wujekbizon commented 1 year ago

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 ?

heapwolf commented 1 year ago

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

wujekbizon commented 1 year ago

@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.

getify commented 1 year ago
getify commented 1 year ago

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:

chicoxyzzy commented 1 year ago

Another app example: tailwind