CRUD Application | React js & Material UI | JSON Server | React Project Series

In this video we will create our first React project. This video is for absolute beginners in React. We will use Material-ui with React.js to handle CSS in the Project.
Please find below the playlist of React Projects
• React Projects
---------------------------------------------------------------------------------------------
Please find the source code of the Project
github.com/kun...
---------------------------------------------------------------------------------------------
Java Projects Playlist: • 1/12 - Bank Management...
JavaScript Projects Playlist: • JavaScript Projects
React Projects Playlist: • React Projects
MERN Stack Projects Playlist: • MERN Stack Projects
Next.js Project Series: • Next.js Projects
Follow Us
Instagram: codeforinterview ( / codeforinterview )
Telegram: codeforinterview (t.me/codeforin...)

[@codeforinterview]

Watch the other videos of React Project Series kzbin.info/aero/PL_6klLfS1WqHM02usd5VBnc0yempce2pt

[@rsk_st1294]

Hi. Just completed this project. This being my first react project on your channel. I have completed all HTML-CSS-Javascript projects as well. One small request is I have seen projects done on multiple channels, but one thing is missing and that is for a non-tech beginner, these projects get overwhelmed, so I urge you to make some videos on how to deconstruct a project and do it in small parts to better understand them. That would be a great help for those newly learning how to code. Just make understand how to deconstruct different aspects of a project and make them easier to understand. Thanks a lot. You have been a great GURU!!! Keep teaching us.

[@mubashirhussain8065]

This has to be the best tutorial ever for CRUD app. Great stuff. Thank you so much for this. You even explained the basic beginner stuff while explaining the whole thing. Loved it.

[@sarfarazhussainchaudhary461]

Itna high quality content, wo bhi hindi me, awesome, great work, itna saral basha, aisa lag raha hai, dost betha ke samjha raha hai :), thanks I will follow your all videos and practice it, cheers

[@codeforinterview]

Thank you so much 🙌

[@prashantrai1176]

Finally done 😂 Thanks for keeping it too simple and easy for us to understand.

[@codeforinterview]

You’re welcome 😊

[@ranafaraz4068]

What a great tutorial. i learnt a lot from this. Thanks man

[@codeforinterview]

Glad it was helpful! please check other React Projects kzbin.info/aero/PL_6klLfS1WqHM02usd5VBnc0yempce2pt

[@RishirajDesigns]

This is the best video for a beginner to understand the CRUD operation and it's implementation. Thank you so much for this wonderful video.

[@codeforinterview]

you're welcome!

[@devmhb]

Your teaching way is so simple; Love from Bangladesh;

[@codeforinterview]

thankyou 🙌

[@adarshrana8337]

Sir,aapki videos ke beech mein hasi acchi lagti hai..Haste rehiye ga

[@codeforinterview]

thankyou :)

[@sagarverma5981]

Heheh he kya hota hai

[@priyanshu6465]

finally i can say i know beginner level react and can do some projects with it.

[@codeforinterview]

Great work, you can checkout this playlist for React Projects kzbin.info/www/bejne/iJDWk6iOd6ipn7M

[@DEEPAKKUMAR-jt9iv]

bhai ab tk ka react ka best tutorial hai with javascript concept

[@codeforinterview]

thankyou ✔

[@rohankhurana913]

You always make the most informative videos but one suggestion. Instead of using id from server, just use index of array so that when you delete the entry, the id on frontend changes accordingly

[@056_harshitagarwal8]

Assigned I'd must be consistent...and we generally assign index no. As I'd only if it's the last resource.

[@shaikjakeer1255]

Great explanation. Please make a video on full login and signup using react and spring boot. You need to notice that Your videos are clicking by these react and spring tutorials.

[@queenofsheba8275]

This seems like a great tutorial I wish it was a available in English. Your English in the comments is great

[@MrHimanshuqwerty]

Thanks,,, best simple content for frontend

[@StoriesChangedLife]

Yrr, ur way of teaching is osm❤❤❤

[@codeforinterview]

I'm so glad, thank you!

[@shefalidhargave9596]

very easy to understand explanation.. great work sir thanks

[@codeforinterview]

You are most welcome

[@hellobhaukaise]

Bro great tutorial , thank u so much man , u teach each and every thing whatever u do in this , great

[@codeforinterview]

I appreciate that! thankyou

[@siddheshpawar1750]

Wow such a good video I learnt lot of new things from this video . thank you so much

[@codeforinterview]

thankyou so much, please checkout other React Projects kzbin.info/aero/PL_6klLfS1WqHM02usd5VBnc0yempce2pt

[@sainathpawade5937]

Great!!

[@codeforinterview]

Thank you! 😃

[@subratamondal1309]

very good bhaia

[@codeforinterview]

thankyou so much :)

[@apnifamily-vy8my]

Thank You brother ❤. Really very Useful Tutorial. . ❤❤

[@codeforinterview]

You are most welcome

[@dedeahmadsaputra2064]

nice coding i'm putra junior front end i'm still leaarn move php to javascript crud material ui and react router nice tutorial thanks

[@codeforinterview]

thankyou so much!

[@Bakkagamer]

Very well explained bro, nd u r funny(i like it.)😂😂

[@codeforinterview]

Thank you so much 😀

[@sameerdhumal7110]

Nice Project for beginner...

[@codeforinterview]

yes thankyou

[@pulamisuraj123]

Thank you so much bro!!! God bless you!!!

[@codeforinterview]

thanks for watching, do checkout other projects in the react project playlist kzbin.info/aero/PL_6klLfS1WqHM02usd5VBnc0yempce2pt

[@ShailendraPrajapati-sw9bz]

Bro...your smile is very nice 🙂👍👍👍

[@codeforinterview]

Thank you so much 😀

[@neelnickkey4865]

Thank you for sharing your knowledge tysm.

[@codeforinterview]

you're welcome!

[@prasadpatil2371]

Awesome web application !

[@codeforinterview]

Thanks

[@prismstealthx100]

Hi, My project is working fine on my computer but after hosting it, it does not work correctly in other devices(or incognito tab). It does not show data after adding the info. Also on checking with devtools, it is saying "error while calling adduser api"... Pls help.. :'(

[@thor0911-fo]

Thank you so much

[@codeforinterview]

You're welcome!

[@leonelpaez9358]

Nice work dude!

[@codeforinterview]

thankyou 🙌

[@celticspyd5887]

can we add image also? please make a video or tell me

[@yashkumarpal493]

Such a Great video, Thank you soo much

[@codeforinterview]

You are so welcome!

[@jyotigupta._438]

why there is axios error coming and data is not save in allusers

[@normal47712]

The toolbar is not appearing when i use the appbar toolbar tags

[@proud_indian0161]

Thanks Man.

[@gourimarkal7739]

I have installed mui v5 but when i use styled components i m getting errors Cannot create styled-component for component: undefined.

[@gourimarkal7739]

Help....

[@sportsstimulant4228]

Sir me agar suppose react ka main website per home and gallery nav bar per hai , me chata hu image slide ho main website per ..or dynamic e image admin page se aye trough rest API ..( admin page kaise Karu or usko recat front page per kaise connect Karu or rest API iska kaise banaya or kaise admin se or front page per connect kar paye) thora boliye to help hota .. 🙏🏽🙏🏽

[@Lofi_songs365]

so good apliment thank you sir

[@codeforinterview]

Most welcome

[@gobicorner]

how can CRUD operation can be applied for treeview like example with same functionality Please suggest some resources

[@Dev-Phantom]

very informative

[@codeforinterview]

thanks a ton!

[@RohitYadav-nb7nc]

very informative video .

[@codeforinterview]

thanks 🙌

[@Akash960]

more such video awaits....

[@codeforinterview]

coming soon, please check other react projects kzbin.info/aero/PL_6klLfS1WqHM02usd5VBnc0yempce2pt

[@StoriesChangedLife]

Thank you ❤🎉🎉

[@codeforinterview]

thanks for watching :)

[@ShubhamSingh-eg6wq]

Sir please make a guide video to host this project, i followed the whole video and learnt a lot of concepts but I also want to add this project to my resume please help me sir I hosted the project on netlify but it is not working please help me

[@maahinpanchal5828]

sir how do you learn react js pls guide

[@ananyaputatunda8108]

well explained 😊

[@codeforinterview]

Thank you! Please do checkout other React Projects

[@sanketwamanpatil5031]

I got internal server error at 37:01 ? Can anyone help me out.

[@lakagar-lx1in]

Good explanation bhai, par baar baar api error aa jata hai, don't know why, par good video hai.

[@codeforinterview]

What is the error you are getting?

[@sanketwamanpatil5031]

After adding user the user is not showing and gives 500 internal server error

[@codeforinterview]

500 is a backend error, you have done some mistake at the server end. Check the code written in the controller function

[@harshajain38]

Hi can anyone know how id value comes as interger and autoincremented in my case it showing unknown string value as id, how to resolve this?

[@arpitamahadani4412]

Yeah I am also getting the same error How to resolve it ?

[@sehajkapoor5551]

I have no idea of react and spring boot can i understand this and learn or should i first have knowledge.

[@codeforinterview]

You should have basic knowledge of react atleast

[@mineemisha9989]

Ops your smile 😀 #mineemisha

[@gobicorner]

Can you please do the same operation for treeview

[@rahulghoshal3044]

Bro but in your project id is not updating it is even what will be the solution ???

[@codeforinterview]

could you please point to an exact timestamp in the video where the id is not updating?

[@RohitYadav-nb7nc]

how can we add login and signup , in this project?

[@codeforinterview]

watch any other mern project for login and signup from the mern playlist, link is in description of the video

[@vikashdstylo1855]

Bro yeh jo tumne value get kri thi usse ek baar single video mai samja jo tumne jo 3 times events liye tha 3parameteres mai

[@codeforinterview]

could you please point to a timestamp in the video for better understanding of your question

[@Golukumar-ot6qz]

How to resolve the error could you please let me know

[@codeforinterview]

replied on your another comment

[@RahulJadhav-ph7fo]

38:38 add user

[@sagarverma5981]

Heheh he kya hai 😂😂😂

[@VikramKumar-if9bd]

I am sad. youe channel got deleted. I was learning MERN via flipkart clone from your videos

[@codeforinterview]

no issues, I am back with this channel and I will upload Flipkart Clone by next week

[@ShubhamSingh-eg6wq]

Can we deploy this website, will it work properly?

[@codeforinterview]

Please refer this video for the deployment of this project, you can use the same method kzbin.info/www/bejne/mn7Th62Vfq6Zprc

[@sanketwamanpatil5031]

TypeError: Cannot read properties of undefined (reading 'id') at Function.createId (D: eact-project ode_modules\json-server\lib\server\mixins.js:58:39) at Function.insert (D: eact-project ode_modules\lodash-id\src\index.js:47:49) at D: eact-project ode_modules\lodash\lodash.js:4430:28 at arrayReduce (D: eact-project ode_modules\lodash\lodash.js:697:21) at baseWrapperValue (D: eact-project ode_modules\lodash\lodash.js:4429:14) at LodashWrapper.wrapperValue (D: eact-project ode_modules\lodash\lodash.js:9114:14) at create (D: eact-project ode_modules\json-server\lib\server outer\plural.js:239:48) at Layer.handle [as handle_request] (D: eact-project ode_modules\express\lib outer\layer.js:95:5) at next (D: eact-project ode_modules\express\lib outer oute.js:144:13) at next (D: eact-project ode_modules\express\lib outer oute.js:140:7) Giving this error plz help me out

[@codeforinterview]

this is a general error, the variable object using which you are accessing id field is undefined. obj.id, here obj is undefined and undefined.id will throw an error you can handle this by checking undefined obj && obj.id or obj?.id

[@akshay_Anna]

Sir where can i get source code???

[@codeforinterview]

check description of the video for the github link

[@akshay_Anna]

@@codeforinterview Thank you sir ❤️

[@akshay_Anna]

@@codeforinterview Sir i got Front end source code. But I didn't get backend source code of next video of this project ("CURD application full stack" ). In description ther is written "source code is comming soon" . Can you please provide a git hub link.

[@codeforinterview]

@@akshay_Anna sure, will do. Give me 1-2 hours. I will update you

[@akshay_Anna]

@@codeforinterview Thank you so much sir ❤️. For your quick response to subscribers. Means a lot ❤️.

[@Golukumar-ot6qz]

npx showing error

[@codeforinterview]

what is the error? please comment down below the full error

[@dineshbairwa3899]

The nos is not recognized as the name of cmdlet, and function, and scriptfile or operable program.

[@guptajicodes]

Bhai please timespan daal do video mein

[@codeforinterview]

will do, thanks for the suggestion

[@gobicorner]

how to add child object

[@codeforinterview]

please elaborate a bit more

[@gobicorner]

@@codeforinterview when users are added an object is created in the json sever which you have created , can we add another object from UI inside that object like tree structure ? if yes ..!! how to achieve it.

[@neeluvlogs438]

i am so sad ,your channel has been deleted...

[@codeforinterview]

thanks for your concern, I will upload all the videos on this new channel

[@anoopKumar-dg7xk]

hey bro 'crud-app-shard-00-02.9xjfp.mongodb.net:27017' => [ServerDescription] mere data base me yeh error aa rha hai

[@codeforinterview]

I have not used mongodb in this project. Why are you getting this error?