How to make a FULLSTACK CRUD application on MERN stack
Vložit
- čas přidán 2. 08. 2020
- 📘New Course: Build full-stack React Typescript applications tsreact.maksimivanov.com/s/ytd
Today we make a note taking app using MongoDB ExpressJS ReactJS NodeJS (MERN) stack.
On the frontend we'll use: React, React-router-dom for navigation, React-hook-form to handle forms and Bootstrap for styles.
On the backend we'll use: ExpressJS, Mongoose to work with mongodb.
🐦 Twitter: / ivanov_dev
I write about React and TypeScript there
Code: github.com/satansdeer/mern-crud
Curl commands to test the backend:
- curl -H "Content-Type: application/json" --request POST -d '{"text":"test"}' localhost:4000/create
- curl localhost:4000/
Where to find me:
Discord: / discord
If someone had issues with the input field, this is the solution in the new version of react hook form.
that's useful thanks
yes, this one video I really need to understand how API'S calls, I search a lot of content on the internet, and finally, i found my desired video. thanks a lot, sir .please continue your work.
the best tutorial of their type. with modern things like hooks . simple and fast. thanks
great and smooth , thanks bro
AMAZING!!!!!!!!!!!!!!!!!!!!!!! good job sensei! learned a lot! God bless you
Thanks my dear friend...i'm a junior mern..and this is very useful!
Nice job Maksim. Request add on to this MERN file upload with multer and S3 bucket.
if you're using vscode, you can use the rest client extension to send GET, POST, UPDATE, DELETE requests
Great! Man. Code goes from beginner to Pro!
Thank You Maksim for the amazing tutorials! Please upload MERN authentication and a file upload tutorial in React when feasible
I remember doing it a few days ago, please check back
@@satansdeer1 ohh ok
thank you, this tutorial really helped me to learn more about reactjs, request tutorials to make pdf and pdf views, handling mongodb shema for relation one to many, one to one relation collection
Oh, working with pdfs is extremely unpleasant
this was short app which was easier to understand as a beginner unlike other mern tutorial making it bit complex
Which VS code color and icon theme are you using? Looks cool.
Hey , can you do a video for resumable video uploading using graphql. 😃
it's really a bliss
everytime I get this "Cannot read property 'map' of undefined" error from TodoList layout. What can I do?
That thumbnail is fucking hilarious..! Methinks someone is a fan of David Firth!
Anyone know how the Ids are being handled for each todos?
Whats the difference in creating a react app this way VS the 'npx create-react-app my-app' way of doing it?
my-app is just the name of the folder in which your react app will be created
If someone have problem path.split is not a function you should pass register for inputs like {...register("name")} where name is input name
I do this but u can't update input on load following tutorial
32:00 it looks like you didn’t append the id parameter? But it still worked. Can you explain please?
How can i do the edit form in the same page? anyone help plz?
Can you do one with with mysql instead of mongo?
awesome
Thank you for this tutorial, can you do a role-based authentication mernstack?
czcams.com/video/nPCfL_fuUk4/video.html looks like linkedin clone with firebase as well easy explanation with github repo
Hey, whats the name of the theme???
is the CRUD operation complete, I don't seem to get where you implemented "DELETE' ?
lol nowadays we just call it crud even though the delete is no longer use and implemented. Delete function is not used in the corporate world.
@@javier.alvarez764 of course it is
I've been searching the "DELETE" where i can find it??
Awesome tutorial. keep going :) Is it possible to implement redux with react hook form ?
Anyone looking for the backend its @ 18:25
Привет, сделай по докеру видео, по docker-compose тоже
для crud удаление и редактирование забыл, а так супер спасибо!)
как забыл, всё есть и удалять и редактировать можно!
а сорян, я думал это к другому видосу 🤣
but how can we add option to delete an item
That is my question as well
@@celinejoiev.buenaventura3141 did you managed to find any way?
Thanks for the video Maksim, I learned a lot from it! I was wondering if you could release the code to implement the "delete" functionality. I've been trying to implement it myself, but I'm stuck...
Provide the code half way through for the complete front end please. Then if we didn't get it all correct, we can still follow along with the backend.
could you elaborate? i dont get the idea
Thanks a lot Phillip don't know how to pronounce your name, so I'll call you Phillip, you are the best
Daniel has too many syllables, so im gonna call you Tom. Thank you Tom. Comments like yours inspire me to record more great videos ahaha
4:25 just do it with rfce
16:25
It's a little outdated now :(
Привет Максим, ждём уроки на русском)
для русских видосов у меня другой канал czcams.com/channels/mCRYkYWNOyCg2i_kCNjYAw.html
@@satansdeer1 подписался!
Its not a complete CRUD he forgot to make delete Restful api
Do you know how to do it?
Dude you're not explaining anything that you do. Slow it down and explain things, it would be way more helpful.
Way too fast, your video is so edited that it is almost impossible for someone to try to follow along, and write the code.