Full Stack React Node Project | Build a Notes App from Scratch for your Portfolio

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

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

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

    So glad to see you back! Amazing content, as always 👌🏻 Looking forward to more such content! ✨

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

    Hello Chris, this was my first fullstack project and it was really helpful. I notice that your previous video was 2 yrs ago, so I just want to thank you for teaching again. Have a great day and take care! :D

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

      thanks for watching and I really appreciate the kind words! Hope to see you in the next one!

  • @jasonhobbs6576
    @jasonhobbs6576 21 день назад

    I found this really helpful to get some foundational experience writing my first full stack react application... Thanks so much! I'm experienced in web app dev but have never used react, express, or prisma before. This is really fun stuff... can't wait to keep learning!

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

    Very excited when I saw a new post! You make everything easy to understand and just click into place in a way that I haven't found anywhere else.

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

      Thanks I really appreciate the feedback! I plan to upload more regularly and always happy to hear suggestions / ideas on what content I should make next !

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

      Extending your Quiz app with a backend and some additional question types (drag and drop ordering, matching, etc.) would be great. @@ChrisBlakely

  • @jasonhobbs6576
    @jasonhobbs6576 21 день назад

    for anyone following along with newer versions of express or node (not sure which makes the difference), when checking for empty title and content you'll need:
    {
    res.status(400).send("title and content fields required");
    return;
    }
    instead of
    {
    return res.status(400).send("title and content fields required");
    }
    to avoid a litany of odd errors.

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

    Your tutorials was the first to help me understand reactjs as a beginner. Please do more videos. Thanks

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

      Thank you ! I’m glad you’re finding my videos helpful, I really appreciate you taking the time to watch them. I’ll have more stuff coming up soon!

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

    Happy to see you back :)

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

    Great to see you back!!
    Perfect tutorial, no doubt.

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

    Great efforts! Thank you.. welcome back

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

    hello chris, good to see you gain, im expecting more projects from ur channel

  • @clairelearningsession
    @clairelearningsession 6 месяцев назад

    Great video! Helped me a lot!! Thanks for making this!

  • @MehulParashar-p3h
    @MehulParashar-p3h 2 месяца назад +4

    Hi code coyotes doesnt seem to work so we have no access to the code anymore

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

    Thank you for this tutorial, its just perfect for me as a frontend dev to have a preliminary understanding of how full-stack works

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

    Thank you so much for this video. It was straight to the point and explained everything well. I recently learned React and felt I needed to do something practical then just a static website.

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

      No problem , thanks for watching!

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

      ​@ChrisBlakely I'm not sure why RUclips won't let me post the url to the website, but I made a post it site like yours. I learned so much and made it my own. Thank you so much!!

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

      thats awesome! would love to see it, you can send the linke to hello@jschris..com if you want! Thanks again for watching! @@Mannyggwp

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

    This was amazing. I hace a few questions abouta dding categories, archiving and the order of the notes showing up but this was very helpful

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

    Thank you so much for this video, it came at the time I needed it

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

    wow ,good to see you back. and please do more MERN/NEXT.js with TYPESCRIPT advanced projects

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

      thank you, its good to be back :) I have plenty of full stack/next.js/ts on the roadmap !

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

      @@ChrisBlakely appreciate it bro

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

    Great intro app tutorial for newbies 🎉

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

      Thanks for watching , glad you enjoyed it!

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

    Thank you chris, this project is too good to start❤.If possible can you make a video on how to deploy this project live on render or vercel?

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

      hello! my newer course has some info on how to deploy to render, but its sort of mixed in with the project. Theres an example project on their docs you can try here docs.render.com/deploy-node-express-app. Hope this helps!

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

    Great tutorial!

  • @ASMRcode
    @ASMRcode 6 месяцев назад

    Hi any reason why you went with the grid approach instead of flexbox for this project? Or do you prefer using grid for single page websites like these. Thanks

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

    Hi Chris thank you for this helpful video, I made you before project about notes, but that one you use JS, now in this one you use TS, why? It is possible to use a backend with typescript and you frontend with JS?

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

    Hey chris! Great tutorial..i need some suggestions/guidance from you

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

    hii, your website is not working. please look into that thanksss

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

    Completed. Thank you for this, though not sure why its 500 mph 😅

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

      haha figured people didn't want to watch me making so many mistakes when typing out the code 😅! Thanks for watching!

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

    Hello, nice project but I want to know how to put the front-end in Vercel, with the API running on localhost, because the API is not in a cloud

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

      you would have to host the backend as well, a front end hosted on Vercel wouldn't be able to communicate with your localhost (if thats what you mean)

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

      @@ChrisBlakely Exactly, that's what I mean, I tried to upload the backend as a web service in the render and it's giving an error in the nodeJS version with Prisma

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

    For some reason mine just stopped right before "the database is already in sync with the prisma schema" . Its not giving me an error or anything, it just didnt say generated or anything else, its like it didnt finish even tho I waited a while. Do you have any idea why this might be?

  • @Sameer-tt3bx
    @Sameer-tt3bx 2 месяца назад

    can anyone help me with the database part , as the elephantsql sevices closed i was trying aws(postgresql) but facing some troubles

  •  Месяц назад

    why note tye did not define ? or I missed that ?

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

    just completed this....now to see if I can do all that on my own....lol

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

    Hello Chris. Will this run on mobile? Using expo?

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

      Hey, I didnt build this with react native in mind, and dont have much experience with it to be honest, so I'd assume it probably wont :)

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

      @@ChrisBlakely Okay thanks for sharing! By the way, great tutorial :)

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

    elephantsql shutdown already,any other alternatives?

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

    the typing is too fast. its too hard to follow along. the explanations are great though but its really frustrating to have to pause and rewind constantly

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

      Thanks for the feedback! I was trying something new but don’t think it really worked out. I’ve slowed things down for my next video. Appreciate you taking the time to watch nonetheless!

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

    Hello!! elephantSQL is not working!!

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

      Find any alternative?

  • @togya4
    @togya4 5 месяцев назад

    i think your domian does not work

  • @NcVelocity
    @NcVelocity 7 месяцев назад +2

    he talks so fast 😭

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

    could you tell me why do you wasting time to 10000000 th notes App? It is not industry ready, already did millionth of time, nothing new. Ok. If for example you making Notes App change technology, for ex.add Kubernetes or something, but in this case it is just wasting time

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

      it’s for beginners , beginners don’t need to know about kubernetes for a simple notes app. Thanks for commenting though it was really helpful 😊

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

      @@ChrisBlakely it was only an example (to add something different, kubernetes) yes it is beginner course already 100000001 th notes app

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

      @@zoltanmolnar6956 If you don't like it don't do it bro it's not that hard

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

      @@zoltanmolnar6956 you do simple crud operation first then go into complex one, i think you missed his point