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

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

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

  • @learnwithjason
    @learnwithjason  Год назад +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 Год назад +3

      Rich Harris, ThePrimeagen, Wes Bos 🔥

    • @christopherpohlman2530
      @christopherpohlman2530 Год назад +3

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

    • @sethdavis512
      @sethdavis512 Год назад

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

    • @sethdavis512
      @sethdavis512 Год назад

      Get Ryan Florence on the show!

    • @HPerrin
      @HPerrin Год назад +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 Год назад +72

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

    • @KBloom18
      @KBloom18 Год назад +3

      Scott be slangn' code

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

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

  • @whitep4nth3r
    @whitep4nth3r Год назад +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 Год назад +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

    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 Год назад +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

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

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

  • @tossichugs
    @tossichugs Год назад +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.

  • @iaremarkus
    @iaremarkus Год назад +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 :)

  • @abigah
    @abigah Год назад +8

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

  • @chizidotdev
    @chizidotdev Год назад +9

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

  • @rajeshbudhathoki7888
    @rajeshbudhathoki7888 Год назад +6

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

  • @YulondaWyattLonnie
    @YulondaWyattLonnie Год назад +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! 💯

  • @nikolovlazar
    @nikolovlazar Год назад +37

    Hands down the best series I've seen 😁

    • @learnwithjason
      @learnwithjason  Год назад +1

      thank you!

    • @nikolovlazar
      @nikolovlazar Год назад +1

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

    • @learnwithjason
      @learnwithjason  Год назад +3

      yep! I have another 7 episodes already in production 👀

    • @nikolovlazar
      @nikolovlazar Год назад

      @@learnwithjason YES!!

  • @JohnDoe_69_420
    @JohnDoe_69_420 Год назад +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  Год назад +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!)

  • @juanmacias5922
    @juanmacias5922 Год назад +28

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

    • @learnwithjason
      @learnwithjason  Год назад +7

      I might just have something like this in the works 👀

    • @juanmacias5922
      @juanmacias5922 Год назад

      @@learnwithjasonexciting! :D

    • @juanmacias5922
      @juanmacias5922 Год назад +1

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

    • @learnwithjason
      @learnwithjason  Год назад +4

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

  • @goingmadhere
    @goingmadhere Год назад +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.

  • @tatsuuuuuu
    @tatsuuuuuu 9 месяцев назад +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  9 месяцев назад

      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

  • @codingcocoon
    @codingcocoon Год назад +7

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

    • @codingcocoon
      @codingcocoon Год назад +1

      Bit less judgmental maybe, that's a compliment.

    • @learnwithjason
      @learnwithjason  Год назад +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 Год назад

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

  • @cassidoo
    @cassidoo Год назад +5

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

    • @learnwithjason
      @learnwithjason  Год назад +1

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

    • @cassidoo
      @cassidoo Год назад +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

  • @domitriusclark
    @domitriusclark Год назад +5

    What a stellar line up!!!!!

  • @LiranTal
    @LiranTal Год назад +2

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

  • @galaxies_dev
    @galaxies_dev Год назад +1

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

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

    7:02 Eve do you have enough microphones 😄

  • @snailyluke
    @snailyluke Год назад +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

  • @iraqi00channel00
    @iraqi00channel00 3 месяца назад +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

  • @tharunblueflash5015
    @tharunblueflash5015 Год назад +4

    Loved the vid, Exited for more episodes!

    • @learnwithjason
      @learnwithjason  Год назад +1

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

  • @IainSimmons
    @IainSimmons Год назад +2

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

    • @learnwithjason
      @learnwithjason  Год назад +2

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

  • @hovhadovah
    @hovhadovah Год назад +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  Год назад +1

      that sounds like a great kind of chaos 😆

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

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

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

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

  • @hundop4826
    @hundop4826 Год назад +2

    HA! I knew Scott would go for Svelte

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

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

  • @ThePaulMcBride
    @ThePaulMcBride Год назад +3

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

  • @taofeeqomotolani2311
    @taofeeqomotolani2311 Год назад +3

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

    • @learnwithjason
      @learnwithjason  Год назад +1

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

  • @devagr
    @devagr Год назад +2

    Fantastic video! I absolutely love this idea for a series

  • @drastik67
    @drastik67 Год назад +4

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

    • @learnwithjason
      @learnwithjason  Год назад +2

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

    • @drastik67
      @drastik67 Год назад

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

  • @ulrich-tonmoy
    @ulrich-tonmoy Год назад

    clerk is really a great auth library

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

    Love the ability to do auth without an entire framework!

  • @BalaevArif
    @BalaevArif Год назад +3

    Super idea! Impressive

  • @johnchristian9901
    @johnchristian9901 Год назад +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  Год назад

      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 Год назад +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 Год назад +2

    This is so great. Please keep doing it.

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

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

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

    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 Год назад

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

  • @casacanne5085
    @casacanne5085 Год назад

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

  • @juanmacias5922
    @juanmacias5922 Год назад +2

    This is such a fun idea!

  • @zhanezar
    @zhanezar Год назад

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

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

    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  9 месяцев назад +1

      these are good prompt ideas, thank you!

  • @AliAlmahdi
    @AliAlmahdi Год назад +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?

  • @friendly__drone9352
    @friendly__drone9352 Год назад

    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  Год назад

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

  • @Varkoff
    @Varkoff Год назад

    Brilliant video idea, good find Jason !

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

    Code audit as a reality show? Great work.

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

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

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

      Well, it was mentioned in the beginning, though

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

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

  • @ArchaicCreationsbp
    @ArchaicCreationsbp Год назад

    This is awesome, more please!

    • @learnwithjason
      @learnwithjason  Год назад +1

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

  • @fpigeonjr
    @fpigeonjr Год назад

    what a cool series

  • @maysunktong7612
    @maysunktong7612 Год назад +2

    OMG THIS IS GEM 💎

  • @HPerrin
    @HPerrin Год назад

    Yo, this was great. I love this.

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

    That was fun ^^ 🎉 Salma is great :)

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

    this was so much fun!

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

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

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

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

  • @GratuityMedia
    @GratuityMedia Год назад

    Thanks for watching!

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

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

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

    Very well done. Love to see more

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

    Damn number 2 was awesome

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

    How did @salma use react and astro together

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

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

  • @karnellschultz6446
    @karnellschultz6446 Год назад

    Great stuff

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

    3 todo apps and a breating companion lol

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

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

  • @joelkuijper
    @joelkuijper Год назад +1

    Awesome!

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

    Andrew Huang seeing this be like : 💀

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

      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)

  • @hoff_mann
    @hoff_mann Год назад

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

    • @eve.porcello
      @eve.porcello Год назад +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 :)

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

    How is the breathing thing a productivity app?

  • @AtRiskMedia
    @AtRiskMedia Год назад

    BRILLIANT! I so want in =D

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

    build a FLAMES game app next

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

      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 11 месяцев назад

      @@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  11 месяцев назад +1

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

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

      @@learnwithjason 😂 LOVE IT!

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

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

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

    17:37 😂

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

    No web framework is so based

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

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

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

    Great Video!

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

    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.

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

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

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

    .

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

    Nobody used python 😅😅

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

    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.