Build a productivity web app that's NOT a todo list

Поделиться
HTML-код
  • Опубликовано: 7 окт 2024

Комментарии • 148

  • @learnwithjason
    @learnwithjason  10 месяцев назад +26

    What do you want the next prompt to be? Which devs do you want to see in future episodes? Put your ideas here!

    • @soulwish
      @soulwish 10 месяцев назад +3

      Rich Harris, ThePrimeagen, Wes Bos 🔥

    • @christopherpohlman2530
      @christopherpohlman2530 10 месяцев назад +3

      Stock market tracker app but for things other than the stock market

    • @sethdavis512
      @sethdavis512 10 месяцев назад

      Build a chat application or a customer relation manager. Heck - a burrito builder app would be fun :D

    • @sethdavis512
      @sethdavis512 10 месяцев назад

      Get Ryan Florence on the show!

    • @HPerrin
      @HPerrin 10 месяцев назад +3

      How about, "build an app that lets two users collaborate in real time"? Just open ended, so the task can be whatever the dev can think of.

  • @syntaxfm
    @syntaxfm 10 месяцев назад +72

    Really pumped to be apart of this with such talented people. Great work everyone! - Scott

    • @KBloom18
      @KBloom18 10 месяцев назад +3

      Scott be slangn' code

    • @jkibble98
      @jkibble98 Месяц назад

      I dunno, the number of typescript warnings you had...

  • @whitep4nth3r
    @whitep4nth3r 10 месяцев назад +52

    So proud to be involved in the first episode of this fun series!
    Now, go delegate your ToDos to other people and bask in the glow of productivity! 😎

  • @Xe054
    @Xe054 10 месяцев назад +19

    I like how you all learned something new from each other even though you were all using similar tools (auth, db, a framework) in the same programming language. It kind of highlights the fact that we're always learning in this field - no need for feeling like an imposter.

  • @christopherpohlman2530
    @christopherpohlman2530 10 месяцев назад +10

    This is the coolest new tech video format I’ve seen anywhere since I started learning to code. I love how much potential this idea has and how it feels like something you could even do as a group of students, new devs, or senior devs and have a great time and get something out of it.

  • @abigah
    @abigah 10 месяцев назад +7

    This is great. That first app is brilliant. Just today I was told I need to delegate more.

  • @benjaminkindle1841
    @benjaminkindle1841 10 месяцев назад +7

    This was high quality. I like how it jumped between different people explaining things, which kept things more interesting compared to a single "host" talking through code

  • @iaremarkus
    @iaremarkus 10 месяцев назад +4

    Really nice spin on the "4 DJ's, 1 Sample" idea...
    Idea: Remember those Masterchef challenges where 1 person would start, and the next person would have to pick up where they left off without much information about the ultimate goal?
    How about 1 dev STARTS a project, and then the next has to pick up from them, without any handover, but they should have to tell from whats been done so far, what the original dev's goal was with the app...
    Kinda like broken telephone, but with an app :)

  • @nikolovlazar
    @nikolovlazar 10 месяцев назад +37

    Hands down the best series I've seen 😁

    • @learnwithjason
      @learnwithjason  10 месяцев назад +1

      thank you!

    • @nikolovlazar
      @nikolovlazar 10 месяцев назад +1

      wait, this is going to be a series, right? I hope we'll see more of this!

    • @learnwithjason
      @learnwithjason  10 месяцев назад +3

      yep! I have another 7 episodes already in production 👀

    • @nikolovlazar
      @nikolovlazar 10 месяцев назад

      @@learnwithjason YES!!

  • @chizidotdev
    @chizidotdev 10 месяцев назад +9

    This is an awesome series, different people, approaches, frameworks, etc…
    Really amazing ideas as well!

  • @tossichugs
    @tossichugs 10 месяцев назад +7

    Great start to a creative series I look forward to the next video ! I also appreciate that each dev did a presentation to show their process.

  • @YulondaWyattLonnie
    @YulondaWyattLonnie 10 месяцев назад +2

    I'm a student software developer and I really enjoyed seeing how each of you worked through the process of idea creation, planning, and building, and then to watch the others test and critique each app. A wonderful idea and I hope to see more! 💯

  • @JohnDoe_69_420
    @JohnDoe_69_420 10 месяцев назад +8

    Shout out to @andrewhuang 👏
    Such a great work you guys, i especially loved that you actually went into each other's code and reviewed it! Hoping to see more cool web devs to be featured in the series and build something awesome ❤

    • @learnwithjason
      @learnwithjason  10 месяцев назад +3

      YES I love Andrew's series and this was heavily influenced by that (I put a whole reference/credit/history thing in the playlist description for these episodes to make sure credit is given!)

  • @galaxies_dev
    @galaxies_dev 10 месяцев назад +1

    Really cool idea, heard you talk about it on a podcast and was already excited 😍

  • @cassidoo
    @cassidoo 10 месяцев назад +5

    I love this! Prompt idea: a blog where you post from somewhere unusual

    • @learnwithjason
      @learnwithjason  10 месяцев назад +1

      👀 as in the blog post comes from a weird source or the person blogging is, like, in a hot air balloon?

    • @cassidoo
      @cassidoo 10 месяцев назад +2

      @@learnwithjason wow I was thinking more like "if you click on this button on my fridge it writes a blog" but that sounds more fun

  • @goingmadhere
    @goingmadhere 10 месяцев назад +2

    As an inspiring web dev this was the best video to stumble upon! So much insight and inspiration, all of this looks very fun! Best series ever.

  • @domitriusclark
    @domitriusclark 10 месяцев назад +5

    What a stellar line up!!!!!

  • @iraqi00channel00
    @iraqi00channel00 Месяц назад +1

    as a dev its hard to think of myself becoming as good as these guys in creativity and implementation.. im not sure how to go about becoming this well-versed especially with it being hard to find a job while having no work experience

  • @maikemenezes
    @maikemenezes 2 месяца назад +1

    This is the best series for a dev channel i've seen! Loving the channel so far!

  • @snailyluke
    @snailyluke 10 месяцев назад +3

    I LOVE this idea!! And I learned some useful techniques - I particularly liked Salma loading data in Astro files by importing the API’s GET function! I’d never thought of that, and I’ll definitely be using it in the future

    • @learnwithjason
      @learnwithjason  10 месяцев назад +1

      yeah, that was a super clever idea!

  • @20hrslater
    @20hrslater 10 месяцев назад +2

    Omg this is so great!! Such great content for the front-end community

  • @tharunblueflash5015
    @tharunblueflash5015 10 месяцев назад +4

    Loved the vid, Exited for more episodes!

    • @learnwithjason
      @learnwithjason  10 месяцев назад +1

      thank you! we’re already editing more - stay tuned!

  • @ThePaulMcBride
    @ThePaulMcBride 10 месяцев назад +3

    This is an excellent video. Well done to all involved!

  • @juanmacias5922
    @juanmacias5922 10 месяцев назад +28

    prompt: "web sockets, that isn't just a chat app" :D

    • @learnwithjason
      @learnwithjason  10 месяцев назад +7

      I might just have something like this in the works 👀

    • @juanmacias5922
      @juanmacias5922 10 месяцев назад

      @@learnwithjasonexciting! :D

    • @juanmacias5922
      @juanmacias5922 10 месяцев назад +1

      @@learnwithjason btw, I'm not sure if I missed it, what was the allotted time for these projects?

    • @learnwithjason
      @learnwithjason  10 месяцев назад +4

      the target was about 4 hours, but it wasn’t a hard limit. I spent about a day on mine

  • @rajeshbudhathoki7888
    @rajeshbudhathoki7888 10 месяцев назад +6

    Please invite Vue people as well. Kudos to you for this amazing series.

    • @learnwithjason
      @learnwithjason  10 месяцев назад +2

      absolutely! I love Vue. thank you!

  • @LiranTal
    @LiranTal 10 месяцев назад +2

    This was a really fun episode. Well done Jason and team!

  • @hundop4826
    @hundop4826 10 месяцев назад +2

    This is so great. Please keep doing it.

  • @BalaevArif
    @BalaevArif 10 месяцев назад +3

    Super idea! Impressive

  • @juanmacias5922
    @juanmacias5922 10 месяцев назад +2

    This is such a fun idea!

  • @UliTroyo
    @UliTroyo Месяц назад +2

    Oh snap, that's Eve Porcello! I recognize her from my old green O'Reilly React book :)

  • @devagr
    @devagr 10 месяцев назад +2

    Fantastic video! I absolutely love this idea for a series

  • @hovhadovah
    @hovhadovah 10 месяцев назад +6

    Would be fun to also see something similar to Blackthornprod's "n game devs take turns building a game" series, but with web dev.

    • @learnwithjason
      @learnwithjason  10 месяцев назад +1

      that sounds like a great kind of chaos 😆

  • @IainSimmons
    @IainSimmons 10 месяцев назад +2

    Great start to an awesome series! Here's another prompt idea: something real-time multiplayer, that isn't a drawing app.

    • @learnwithjason
      @learnwithjason  10 месяцев назад +2

      I love this and I have good news about a future episode 👀

  • @codingcocoon
    @codingcocoon 10 месяцев назад +6

    It's like the Great British Bakeoff for coding! I love it.

    • @codingcocoon
      @codingcocoon 10 месяцев назад +1

      Bit less judgmental maybe, that's a compliment.

    • @learnwithjason
      @learnwithjason  10 месяцев назад +2

      thank you so much! I’m actually working on a different project that’s even more similar to the Bakeoff 👀 - hopefully next year

    • @codingcocoon
      @codingcocoon 10 месяцев назад

      @@learnwithjason I would love to see something like that!

  • @tatsuuuuuu
    @tatsuuuuuu 7 месяцев назад +1

    This is fantastic. I like to see the different strategies and how they could potentially complement each other. Jason are you sure you couldn't have listened to some event rather then an 800 millisecond timeout. I think it only takes a computer being much faster or slower than yours to not have the login work.

    • @learnwithjason
      @learnwithjason  7 месяцев назад

      yeah, the approach I took ended up being too janky. in the source now is been updated to a much better approach thanks to the Clerk team

  • @casacanne5085
    @casacanne5085 10 месяцев назад

    Fantastic! Love the subject the rythme. I love the state of mind you need to exchange like this. ❤❤❤

  • @katimaboy
    @katimaboy Месяц назад

    Took me 10 minutes to realize that was a Clerk ad, nice work haha

  • @hundop4826
    @hundop4826 10 месяцев назад +2

    HA! I knew Scott would go for Svelte

  • @maysunktong7612
    @maysunktong7612 10 месяцев назад +2

    OMG THIS IS GEM 💎

  • @zhanezar
    @zhanezar 10 месяцев назад

    Wow really love this ! please do more Jason , thank you

  • @johnchristian9901
    @johnchristian9901 10 месяцев назад +1

    Would love to know how long it took each of you to build your apps broken down by time in hours to brainstorm features, building (design vs dev), and deploying (and where). Any hiccups that lengthened your times to completion? But awesome series and excited to watch more!

    • @learnwithjason
      @learnwithjason  10 месяцев назад

      the target was to do everything in roughly 4 hours to avoid this turning into a huge time suck for everyone. I know mine took me a little longer (probably a full day, all-in)

    • @whitep4nth3r
      @whitep4nth3r 10 месяцев назад +1

      Mine probably took a day all-in as well. I used some technology I wasn’t familiar with (in order to learn, because why not) so all the Googling and figuring things out added a bit more time to the project. Also I built a lot of this live on stream which always adds extra build time given I need to interact with the viewers! 😅

  • @RoamingAdhocrat
    @RoamingAdhocrat Месяц назад

    I know next to nothing about front-end dev but cutting down on the use of huge JavaScript frameworks feels right to me.

  • @kieranklaassen
    @kieranklaassen 10 месяцев назад

    Ohhh this is going to be the next big series!!!

  • @taofeeqomotolani2311
    @taofeeqomotolani2311 10 месяцев назад +3

    I'm more convinced to be a software developer now😂😂

    • @learnwithjason
      @learnwithjason  10 месяцев назад +1

      YES please build some fun stuff and share it with us!

  • @ArchaicCreationsbp
    @ArchaicCreationsbp 10 месяцев назад

    This is awesome, more please!

    • @learnwithjason
      @learnwithjason  10 месяцев назад +1

      coming right up! (we're editing additional episodes right now - dropping soon)

  • @Varkoff
    @Varkoff 10 месяцев назад

    Brilliant video idea, good find Jason !

  • @ulrich-tonmoy
    @ulrich-tonmoy 10 месяцев назад

    clerk is really a great auth library

  • @aidenberzins
    @aidenberzins 8 месяцев назад

    Love the ability to do auth without an entire framework!

  • @HPerrin
    @HPerrin 10 месяцев назад

    Yo, this was great. I love this.

  • @rubensilva4105
    @rubensilva4105 2 месяца назад +3

    Why are they all using clerk ? I asked myself. Then I looked into the description and confirmed it was a sponsor

    • @aimpizza6823
      @aimpizza6823 2 месяца назад +4

      Well, it was mentioned in the beginning, though

    • @rubensilva4105
      @rubensilva4105 2 месяца назад

      @@aimpizza6823didn’t notice , but yeah 😂 was funny that everyone was using clerk

  • @drastik67
    @drastik67 10 месяцев назад +4

    You should clap your hands in the intro. If you know, you know.

    • @learnwithjason
      @learnwithjason  10 месяцев назад +2

      I definitely considered doing an Andrew Huang high five as a nod 😆

    • @drastik67
      @drastik67 10 месяцев назад

      @@learnwithjason yeah that's what I meant! Great vid!😁

  • @RoamingAdhocrat
    @RoamingAdhocrat Месяц назад +1

    7:02 Eve do you have enough microphones 😄

  • @MrDemonshalo
    @MrDemonshalo 7 месяцев назад

    Love the idea of the series. This is like Andrew Huang´s 4 musicians 1 sample. However 1 point of feedback I have is that the prompt needs to be more specific and targetted toward one problem so that there is room for reasonable comparison between the final products. This helps the audience learn from the various approaches to _the same problem_ that is being solved.
    A suggestion for an episode prompt would be: "build a youtube front end client" or "build a link aggregator site like reddit" etc.

    • @learnwithjason
      @learnwithjason  7 месяцев назад +1

      these are good prompt ideas, thank you!

  • @TheAliceQuo
    @TheAliceQuo 2 месяца назад +1

    > NOT A TODO LIST
    *3 devs (including the original creator) make some variation of todo list.*

  • @joelkuijper
    @joelkuijper 10 месяцев назад +1

    Awesome!

  • @_azterisk
    @_azterisk 2 месяца назад

    Very well done. Love to see more

  • @friendly__drone9352
    @friendly__drone9352 10 месяцев назад

    What a cool concepts and some reall cool apps! It would be cool to see this with more people from the community. People like Lee Robinson, Rich Harris, Emma Bostian, Cassidooooooo, Theo, ThePrimeAgen.
    another idea is to let your audience submit/vote on idea prompts?

    • @learnwithjason
      @learnwithjason  10 месяцев назад

      I’d love to get prompts from the community! hit me with ideas!

  • @MaximSchoemaker
    @MaximSchoemaker 8 месяцев назад

    That was fun ^^ 🎉 Salma is great :)

  • @david_chuka
    @david_chuka 10 месяцев назад

    this was so much fun!

  • @fpigeonjr
    @fpigeonjr 10 месяцев назад

    what a cool series

  • @SeansTechnicalStuff
    @SeansTechnicalStuff Месяц назад

    Code audit as a reality show? Great work.

  • @AliAlmahdi
    @AliAlmahdi 10 месяцев назад +1

    I loved it. Just a suggestion, if you are trying to minimize the JS on the client side, why not use the meta tag for refresh to redirect the page instead of JS?

    • @learnwithjason
      @learnwithjason  10 месяцев назад

      ...that would have been a great idea 🙃

  • @karnellschultz6446
    @karnellschultz6446 10 месяцев назад

    Great stuff

  • @GAOTU-II
    @GAOTU-II 2 месяца назад

    bro, i love this series fam! subed 'till who knows what.

  • @Agente000mcm
    @Agente000mcm 2 месяца назад

    Damn number 2 was awesome

  • @JeffreyPeter_
    @JeffreyPeter_ 2 месяца назад

    I'm a newbie around here 😢
    I dont understand anything yet. But i can see that these people are talented 👍

  • @GratuityMedia
    @GratuityMedia 10 месяцев назад

    Thanks for watching!

  • @KarimGutermann
    @KarimGutermann 3 месяца назад

    Great Video!

  • @AtRiskMedia
    @AtRiskMedia 10 месяцев назад

    BRILLIANT! I so want in =D

  • @rotimiadebiyi4095
    @rotimiadebiyi4095 10 месяцев назад +1

    How did @salma use react and astro together

    • @learnwithjason
      @learnwithjason  10 месяцев назад

      Astro has support for many of the popular Ui frameworks built in: docs.astro.build/en/guides/integrations-guide/react/

  • @VeniQs
    @VeniQs Месяц назад

    3 todo apps and a breating companion lol

  • @ivangeorge4478
    @ivangeorge4478 2 месяца назад +1

    Andrew Huang seeing this be like : 💀

    • @learnwithjason
      @learnwithjason  2 месяца назад

      this is modeled after Andrew's work, which was modeled after Jessical Kobeissi's work - it's a great format! (this is in the series description, too: ruclips.net/p/PLz8Iz-Fnk_eRtJeLjx9CxPQw6MzbDgaEu)

  • @Acelestialerror
    @Acelestialerror Месяц назад

    So August 20 is the deadline? Sorry if this stupid question

  • @HenriqueErzinger
    @HenriqueErzinger 2 месяца назад

    How is the breathing thing a productivity app?

  • @jackharles2366
    @jackharles2366 Месяц назад

    What theme is Salma Alam-Naylor using 1:48 ?

  • @tacotaquero1680
    @tacotaquero1680 Месяц назад

    Is no one going to mention the warcrime of a font that jason uses in his code editor?

  • @hoff_mann
    @hoff_mann 10 месяцев назад

    Could you tell me what Eve Porcello's folder theme is?

    • @eve.porcello
      @eve.porcello 10 месяцев назад +1

      Hi! I'm using Night Owl and Zen Mode in VSCode. I think I'm answering the question you're asking but let me know if I'm way off :)

  • @david_chuka
    @david_chuka 10 месяцев назад

    build a FLAMES game app next

    • @learnwithjason
      @learnwithjason  10 месяцев назад

      okay I might be outing myself as out of touch right now but is "FLAMES" a specific thing or does it mean, like, "very cool"? 😅

    • @david_chuka
      @david_chuka 10 месяцев назад

      @@learnwithjason Oh no 😄 FLAMES is a game we used to play in elementary/middle school when we were much younger. How it works is you'd fill in your name and the name of your crush and then let the system determine your relationship type. It's a simple game and I've always thought creating one with whimsical animations and nice twists to it would be fun. Here's a wikihow video explaining how the game is played: ruclips.net/video/KUpMjgo4aUM/видео.html

    • @learnwithjason
      @learnwithjason  10 месяцев назад +1

      @@david_chuka haha nice - we just played a round of this in the studio 😆

    • @david_chuka
      @david_chuka 10 месяцев назад

      @@learnwithjason 😂 LOVE IT!

  • @Person-who-exists
    @Person-who-exists Месяц назад

    No web framework is so based

  • @jerebenitez8542
    @jerebenitez8542 3 месяца назад

    The 4 web devs of the Apocalypse: 🤔😁😁😠

  • @monkaSisLife
    @monkaSisLife Месяц назад

    too much js. I'd love to see going back to the roots with html, css, php

  • @lukor-tech
    @lukor-tech 3 месяца назад

    I guess great series to come but please for the love of god..
    "Not another TODO list"
    "It's a TODO list app".
    Come on.

  • @ImTheDot
    @ImTheDot Месяц назад

    .

  • @Himmom
    @Himmom 2 месяца назад +1

    Nobody used python 😅😅

  • @blabla-kk8bl
    @blabla-kk8bl 2 месяца назад

    This react hype and developers of js world are total crap and doing every WEB think on very hard way. Dude do a favour yourself and the world ,just LEARN DJANGO.