Build a real-time, multiplayer web app

Поділитися
Вставка
  • Опубліковано 4 лип 2024
  • Sponsored by PartyKit. Click this link so they know you heard about 'em from me: lwj.dev/partykit
    4 web devs had 4 hours to build a real-time, multiplayer web app that is NOT a chat or drawing app using PartyKit as part of the build. ‪@nickytonline‬, Zeu, and ‪@steveruizok‬ joined and built absolutely incredible apps.
    Technologies used include Astro, TypeScript, the Web Audio API, SvelteKit, Tailwind, JavaScript, plain CSS, and more!
    ➡️ MEET THE WEB DEVS:
    Nick Taylor (‪@nickytonline‬)
    - Site: www.nickyt.co/
    - Live app: collabiano.com/
    - Source code: github.com/nickytonline/colla...
    Steve Ruiz (‪@steveruizok‬)
    - Site: www.steveruiz.me/
    - Live app: www.snowcraft.app/
    - Source code: github.com/steveruizok/snowcraft
    Zeu
    - Site: www.zeu.dev/
    - Live app: typer99-app.vercel.app/
    - Source code: github.com/zeucapua/typer99-app
    Jason Lengstorf
    - jason.energy/links
    - Live app: team-discount.lwj.dev/
    - Source code: github.com/learnwithjason/4d1...
    ----------------------------------------------------------------------
    Get early access to new videos, exclusive bonus content and other perks, and join me in building a happier, healthier, friendlier web dev community!
    www.youtube.com/@learnwithjas...
    ----------------------------------------------------------------------
    ➡️ LINKS & RESOURCES:
    Support the channel: lwj.dev/join
    Newsletter: lwj.dev/newsletter
    Companies! Partner with LWJ! lwj.dev/partners
    More links: jason.energy/links
    Chapters:
    0:00 The prompt and the devs
    00:53 Collaborative piano with Nick Taylor
    05:15 Snowball fight with Steve Ruiz
    10:25 Multiplayer type racing with Zeu
    14:10 Collaborative unlocking with Jason Lengstorf
    18:14 Resources and what to watch next
  • Наука та технологія

КОМЕНТАРІ • 50

  • @nickytonline
    @nickytonline 4 місяці тому +17

    Loved all these projects and it was so much fun building out Collabiano.
    Thanks again for having me on!

    • @learnwithjason
      @learnwithjason  4 місяці тому +1

      thanks so much for being down to play!

  • @daltonj507
    @daltonj507 4 місяці тому +10

    This is one of my favorite things to watch on UA-cam, the results are great, love the perspectives of building the same things different ways and the interactions of people doing what they love. Great content!

    • @learnwithjason
      @learnwithjason  4 місяці тому +1

      thank you! I'm working on a way to bring the devs together in person for even more fun, so stay tuned for that 👀

  • @Codexbits
    @Codexbits 6 годин тому

    These episodes are really cool!

  • @realmumptastic
    @realmumptastic 4 місяці тому +4

    These projects were awesome! I love the idea of a group of people having to come together to unlock a coupon or event. Might have to do something like that for a project at work.

    • @learnwithjason
      @learnwithjason  4 місяці тому

      definitely share a link if you build it! 💜

  • @AmandaD412
    @AmandaD412 4 місяці тому +3

    Really enjoy these, and the projects are awesome! Keep up the good work!

  • @isoindia2061
    @isoindia2061 4 місяці тому +1

    Great idea, great implementation and great fun 😂

  • @friendly__drone9352
    @friendly__drone9352 4 місяці тому +1

    And we have experienced people like myself struggling to center a div or working with props/reactivity. Love this!

  • @bozzistef
    @bozzistef 4 місяці тому

    I'm really enjoying these series, so much fun!

    • @learnwithjason
      @learnwithjason  4 місяці тому +1

      thank you! I'm having so much fun making them!

  • @TessaMero
    @TessaMero 4 місяці тому +4

    Wow, what a great video. I enjoyed seeing 3 completely different game creations. Yall are fun and talented!

  • @zhanezar
    @zhanezar 4 місяці тому +1

    Love this Jason thanks for another great video

    • @learnwithjason
      @learnwithjason  4 місяці тому

      thanks so much for watching! any ideas for what we should build on the next one? 👀

  • @51Grimz
    @51Grimz 4 місяці тому +2

    I love these quick project ideas! I want to build a type racer or a loot box app now!

    • @learnwithjason
      @learnwithjason  4 місяці тому

      do it! and please share what you built so we can see!

  • @michaelvik870
    @michaelvik870 4 місяці тому

    This is awesome! ❤

  • @prasanna_codes
    @prasanna_codes 3 місяці тому

    Really cool ideas and lot of inspiration for personal projects.

    • @learnwithjason
      @learnwithjason  3 місяці тому

      if you build something please share it!

  • @uchennaofoma4624
    @uchennaofoma4624 4 місяці тому

    Love this form of content ❤. Would definitely go through the codebase to learn more 😀

  • @Jimmylee2009
    @Jimmylee2009 4 місяці тому

    This is great

  • @F4stF0rw4rd1
    @F4stF0rw4rd1 4 місяці тому

    Holy shit, these ideas are so much fun!

    • @learnwithjason
      @learnwithjason  4 місяці тому +1

      I couldn’t believe how creative everyone got with this one

  • @juanmacias5922
    @juanmacias5922 4 місяці тому +2

    12:39 would be great if you could use the bomb with ctrl+b or something similar, so you don't have to take your fingers off the keys. :D

    • @fadlulahmad7205
      @fadlulahmad7205 4 місяці тому

      I think its fine, the bomb need a cost, and its the time you need to move you hand off the keyboard...

  • @niwasikajhos
    @niwasikajhos 4 місяці тому

    Please do project combining with map, I thinks that will be cool

  • @2gbeh
    @2gbeh 4 місяці тому

    🤯

  • @friendly__drone9352
    @friendly__drone9352 4 місяці тому

    Jason you should make your co-looter into an actual thing! I think this could get some legs!

    • @learnwithjason
      @learnwithjason  4 місяці тому

      thanks! I have some ideas for it - hopefully coming to a conference near you 👀

  • @tiagocouto9270
    @tiagocouto9270 4 місяці тому

    it probably took 4h/day but worth it! 😂

  • @Septumsempra8818
    @Septumsempra8818 4 місяці тому

    The multiple people pressing a button has uses in finance.
    🇿🇦🇿🇦🇿🇦

  • @kieranklaassen
    @kieranklaassen 4 місяці тому

    I like these episodes, but where are the PHP, Ruby, Python, Java devs? Why is it all JS/TS?

    • @learnwithjason
      @learnwithjason  4 місяці тому +1

      good question! I spend most of my time in JS/TS land, and as a result my network leans heavily in that direction. but I'll see if I can find some folks who use other languages!

    • @kieranklaassen
      @kieranklaassen 4 місяці тому

      I love it still! :)@@learnwithjason

  • @whitep4nth3r
    @whitep4nth3r 4 місяці тому +6

    Group showcases are just SO GOOD. The rapport! The laughs! I WANT TO RE-RECORD MY EPISODE LOL! What's also funny that I have ALSO started building a collaborative music app in a very similar way! 🫠

    • @learnwithjason
      @learnwithjason  4 місяці тому +2

      I’m trying to go even further and start recording these in person (hello potential sponsors let’s make this happen!)
      if I pull it off I’ll have to have you back!

    • @whitep4nth3r
      @whitep4nth3r 4 місяці тому +1

      @@learnwithjason YEAH BABY!

    • @bdougie
      @bdougie 4 місяці тому +1

      In person FTW@@learnwithjason

    • @learnwithjason
      @learnwithjason  4 місяці тому

      @@bdougie just trying to keep up with your level of quality over on @OpenSauced 🔥

  • @JohnCodes
    @JohnCodes 4 місяці тому +2

    That's a pretty cool sweatshirt @nickytonline is wearing 👀🍕