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

[@rajatsharma854]

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

[@Sora_jasdflalekf]

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]

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

[@richardb1856]

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]

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]

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

[@austinevick]

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

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

[@jasonhobbs6576]

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!

[@mithunvelalar]

Happy to see you back :)

[@puny_God]

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

[@ChrisBlakely]

Thanks! 🙌

[@jasonhobbs6576]

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.

[@fightscene817]

Great efforts! Thank you.. welcome back

[@clairelearningsession]

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

[@chiamakaorakwe8776]

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

[@ChrisBlakely]

Thanks for watching !

[@MehulParashar-p3h]

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

[@Mannyggwp]

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]

No problem , thanks for watching!

[@Mannyggwp]

​@ChrisBlakely I'm not sure why KZbin 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]

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

[@karunakarkoyada69]

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

[@PavanSibal]

Great tutorial!

[@ChrisBlakely]

Thanks for watching!

[@Ramenedish]

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

[@jabbajabba5453]

Great intro app tutorial for newbies 🎉

[@ChrisBlakely]

Thanks for watching , glad you enjoyed it!

[@ivanliao6211]

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

[@regilearn2138]

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

[@ChrisBlakely]

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

[@regilearn2138]

@@ChrisBlakely appreciate it bro

[@swatantramishra7826]

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

[@killuazoldyck9196]

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]

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!

[@ASMRcode]

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]

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?

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

[@simplerstrength]

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

[@ChrisBlakely]

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

[@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]

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]

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

[@heyitsritu]

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

[@lammydidon]

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

[@ChrisBlakely]

Good luck! You can do it 🙌

[@wolfy_pride]

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

[@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]

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

[@hamzabouzidi2944]

links broken ...

[@XMProgress]

elephantsql shutdown already,any other alternatives?

[@ariadnamaldonado3524]

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]

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

[@pablofc6910]

Hello!! elephantSQL is not working!!

[@chatito1047]

Find any alternative?

[@RapidFireSports]

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]

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!

[@togya4]

i think your domian does not work

[@NcVelocity]

he talks so fast 😭

[@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]

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]

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

[@pory90n]

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

[@sufiyansayyed8520]

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