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

Поділитися
Вставка
  • Опубліковано 1 жов 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 27 днів тому

      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 місяців тому +18

    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.

  • @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!!

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

  • @abigah
    @abigah 10 місяців тому +7

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

  • @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 :)

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

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

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

  • @chizidotdev
    @chizidotdev 10 місяців тому +9

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

  • @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 😆

  • @UliTroyo
    @UliTroyo Місяць тому +2

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

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

  • @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!

  • @rubensilva4105
    @rubensilva4105 Місяць тому +3

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

    • @aimpizza6823
      @aimpizza6823 Місяць тому +4

      Well, it was mentioned in the beginning, though

    • @rubensilva4105
      @rubensilva4105 Місяць тому

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

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

  • @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 😍

  • @TheAliceQuo
    @TheAliceQuo 2 місяці тому +1

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

  • @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!

  • @BalaevArif
    @BalaevArif 10 місяців тому +3

    Super idea! Impressive

  • @domitriusclark
    @domitriusclark 10 місяців тому +5

    What a stellar line up!!!!!

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

  • @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!😁

  • @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!

  • @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!

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

  • @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! 💯

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

    This is such a fun idea!

  • @20hrslater
    @20hrslater 10 місяців тому +2

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

  • @RoamingAdhocrat
    @RoamingAdhocrat Місяць тому +1

    7:02 Eve do you have enough microphones 😄

  • @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 👀

  • @hundop4826
    @hundop4826 10 місяців тому +2

    HA! I knew Scott would go for Svelte

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

    Loved the vid, Exited for more episodes!

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

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

  • @LiranTal
    @LiranTal 10 місяців тому +2

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

  • @ThePaulMcBride
    @ThePaulMcBride 10 місяців тому +3

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

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

  • @devagr
    @devagr 10 місяців тому +2

    Fantastic video! I absolutely love this idea for a series

  • @lukor-tech
    @lukor-tech 2 місяці тому

    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.

  • @maikemenezes
    @maikemenezes 2 місяці тому +1

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

  • @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! 😅

  • @hundop4826
    @hundop4826 10 місяців тому +2

    This is so great. Please keep doing it.

  • @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 🙃

  • @JeffreyPeter_
    @JeffreyPeter_ 2 місяці тому

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

  • @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/

  • @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!

  • @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: ua-cam.com/play/PLz8Iz-Fnk_eRtJeLjx9CxPQw6MzbDgaEu.html)

  • @monkaSisLife
    @monkaSisLife Місяць тому

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

  • @Acelestialerror
    @Acelestialerror Місяць тому

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

  • @katimaboy
    @katimaboy Місяць тому

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

  • @GAOTU-II
    @GAOTU-II 2 місяці тому

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

  • @maysunktong7612
    @maysunktong7612 10 місяців тому +2

    OMG THIS IS GEM 💎

  • @HenriqueErzinger
    @HenriqueErzinger Місяць тому

    How is the breathing thing a productivity app?

  • @jackharles2366
    @jackharles2366 27 днів тому

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

  • @SeansTechnicalStuff
    @SeansTechnicalStuff Місяць тому

    Code audit as a reality show? Great work.

  • @casacanne5085
    @casacanne5085 10 місяців тому

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

  • @joelkuijper
    @joelkuijper 10 місяців тому +1

    Awesome!

  • @tacotaquero1680
    @tacotaquero1680 Місяць тому

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

  • @VeniQs
    @VeniQs Місяць тому

    3 todo apps and a breating companion lol

  • @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!

  • @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 :)

  • @aidenberzins
    @aidenberzins 8 місяців тому

    Love the ability to do auth without an entire framework!

  • @jerebenitez8542
    @jerebenitez8542 2 місяці тому

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

  • @zhanezar
    @zhanezar 10 місяців тому

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

  • @_azterisk
    @_azterisk Місяць тому

    Very well done. Love to see more

  • @Person-who-exists
    @Person-who-exists Місяць тому

    No web framework is so based

  • @Agente000mcm
    @Agente000mcm 2 місяці тому

    Damn number 2 was awesome

  • @HPerrin
    @HPerrin 10 місяців тому

    Yo, this was great. I love this.

  • @MaximSchoemaker
    @MaximSchoemaker 8 місяців тому

    That was fun ^^ 🎉 Salma is great :)

  • @ulrich-tonmoy
    @ulrich-tonmoy 10 місяців тому

    clerk is really a great auth library

  • @kieranklaassen
    @kieranklaassen 10 місяців тому

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

  • @KarimGutermann
    @KarimGutermann 2 місяці тому

    Great Video!

  • @GratuityMedia
    @GratuityMedia 10 місяців тому

    Thanks for watching!

  • @ImTheDot
    @ImTheDot Місяць тому

    .

  • @david_chuka
    @david_chuka 10 місяців тому

    this was so much fun!

  • @Varkoff
    @Varkoff 10 місяців тому

    Brilliant video idea, good find Jason !

  • @fpigeonjr
    @fpigeonjr 10 місяців тому

    what a cool series

  • @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: ua-cam.com/video/KUpMjgo4aUM/v-deo.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!

  • @karnellschultz6446
    @karnellschultz6446 10 місяців тому

    Great stuff

  • @AtRiskMedia
    @AtRiskMedia 10 місяців тому

    BRILLIANT! I so want in =D

  • @ArchaicCreationsbp
    @ArchaicCreationsbp 10 місяців тому

    This is awesome, more please!

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

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

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