Тёмный

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

Code for Interview
Подписаться 48 тыс.
Просмотров 41 тыс.
50% 1

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...)

Опубликовано:

 

11 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 133   
@codeforinterview
@codeforinterview 2 года назад
Watch the other videos of React Project Series ru-vid.com/group/PL_6klLfS1WqHM02usd5VBnc0yempce2pt
@mubashirhussain8065
@mubashirhussain8065 11 месяцев назад
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.
@prashantrai1176
@prashantrai1176 2 года назад
Finally done 😂 Thanks for keeping it too simple and easy for us to understand.
@codeforinterview
@codeforinterview 2 года назад
You’re welcome 😊
@RishirajDesigns
@RishirajDesigns 10 месяцев назад
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
@codeforinterview 10 месяцев назад
you're welcome!
@ranafaraz4068
@ranafaraz4068 2 года назад
What a great tutorial. i learnt a lot from this. Thanks man
@codeforinterview
@codeforinterview 2 года назад
Glad it was helpful! please check other React Projects ru-vid.com/group/PL_6klLfS1WqHM02usd5VBnc0yempce2pt
@rsk_st1294
@rsk_st1294 8 месяцев назад
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.
@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
@codeforinterview Год назад
Thank you so much 🙌
@devmhb
@devmhb Год назад
Your teaching way is so simple; Love from Bangladesh;
@codeforinterview
@codeforinterview Год назад
thankyou 🙌
@adarshrana8337
@adarshrana8337 9 месяцев назад
Sir,aapki videos ke beech mein hasi acchi lagti hai..Haste rehiye ga
@codeforinterview
@codeforinterview 9 месяцев назад
thankyou :)
@sagarverma5981
@sagarverma5981 6 месяцев назад
Heheh he kya hota hai
@priyanshu6465
@priyanshu6465 Год назад
finally i can say i know beginner level react and can do some projects with it.
@codeforinterview
@codeforinterview Год назад
Great work, you can checkout this playlist for React Projects ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-R_sbuXBCviQ.html
@hellobhaukaise
@hellobhaukaise Год назад
Bro great tutorial , thank u so much man , u teach each and every thing whatever u do in this , great
@codeforinterview
@codeforinterview Год назад
I appreciate that! thankyou
@DEEPAKKUMAR-jt9iv
@DEEPAKKUMAR-jt9iv 2 года назад
bhai ab tk ka react ka best tutorial hai with javascript concept
@codeforinterview
@codeforinterview 2 года назад
thankyou ✔
@queenofsheba8275
@queenofsheba8275 Год назад
This seems like a great tutorial I wish it was a available in English. Your English in the comments is great
@shefalidhargave9596
@shefalidhargave9596 Год назад
very easy to understand explanation.. great work sir thanks
@codeforinterview
@codeforinterview Год назад
You are most welcome
@rohankhurana913
@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
@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
@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.
@MrHimanshuqwerty
@MrHimanshuqwerty 11 месяцев назад
Thanks,,, best simple content for frontend
@siddheshpawar1750
@siddheshpawar1750 Год назад
Wow such a good video I learnt lot of new things from this video . thank you so much
@codeforinterview
@codeforinterview Год назад
thankyou so much, please checkout other React Projects ru-vid.com/group/PL_6klLfS1WqHM02usd5VBnc0yempce2pt
@StoriesChangedLife
@StoriesChangedLife Год назад
Yrr, ur way of teaching is osm❤❤❤
@codeforinterview
@codeforinterview Год назад
I'm so glad, thank you!
@apnifamily-vy8my
@apnifamily-vy8my Год назад
Thank You brother ❤. Really very Useful Tutorial. . ❤❤
@codeforinterview
@codeforinterview Год назад
You are most welcome
@Bakkagamer
@Bakkagamer 2 года назад
Very well explained bro, nd u r funny(i like it.)😂😂
@codeforinterview
@codeforinterview 2 года назад
Thank you so much 😀
@ShailendraPrajapati-sw9bz
@ShailendraPrajapati-sw9bz Год назад
Bro...your smile is very nice 🙂👍👍👍
@codeforinterview
@codeforinterview Год назад
Thank you so much 😀
@pulamisuraj123
@pulamisuraj123 Год назад
Thank you so much bro!!! God bless you!!!
@codeforinterview
@codeforinterview Год назад
thanks for watching, do checkout other projects in the react project playlist ru-vid.com/group/PL_6klLfS1WqHM02usd5VBnc0yempce2pt
@neelnickkey4865
@neelnickkey4865 10 месяцев назад
Thank you for sharing your knowledge tysm.
@codeforinterview
@codeforinterview 10 месяцев назад
you're welcome!
@subratamondal1309
@subratamondal1309 Год назад
very good bhaia
@codeforinterview
@codeforinterview Год назад
thankyou so much :)
@yashkumarpal493
@yashkumarpal493 2 года назад
Such a Great video, Thank you soo much
@codeforinterview
@codeforinterview 2 года назад
You are so welcome!
@prasadpatil2371
@prasadpatil2371 Год назад
Awesome web application !
@codeforinterview
@codeforinterview Год назад
Thanks
@sainathpawade5937
@sainathpawade5937 Год назад
Great!!
@codeforinterview
@codeforinterview Год назад
Thank you! 😃
@thor0911-fo
@thor0911-fo 2 года назад
Thank you so much
@codeforinterview
@codeforinterview 2 года назад
You're welcome!
@sameerdhumal7110
@sameerdhumal7110 Год назад
Nice Project for beginner...
@codeforinterview
@codeforinterview Год назад
yes thankyou
@dedeahmadsaputra2064
@dedeahmadsaputra2064 2 года назад
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
@codeforinterview 2 года назад
thankyou so much!
@proud_indian0161
@proud_indian0161 Год назад
Thanks Man.
@leonelpaez9358
@leonelpaez9358 Год назад
Nice work dude!
@codeforinterview
@codeforinterview Год назад
thankyou 🙌
@Lofi_songs365
@Lofi_songs365 2 года назад
so good apliment thank you sir
@codeforinterview
@codeforinterview 2 года назад
Most welcome
@RohitYadav-nb7nc
@RohitYadav-nb7nc Год назад
very informative video .
@codeforinterview
@codeforinterview Год назад
thanks 🙌
@Dev-Phantom
@Dev-Phantom 2 года назад
very informative
@codeforinterview
@codeforinterview Год назад
thanks a ton!
@prismstealthx100
@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.. :'(
@ananyaputatunda8108
@ananyaputatunda8108 Год назад
well explained 😊
@codeforinterview
@codeforinterview Год назад
Thank you! Please do checkout other React Projects
@StoriesChangedLife
@StoriesChangedLife Год назад
Thank you ❤🎉🎉
@codeforinterview
@codeforinterview Год назад
thanks for watching :)
@sportsstimulant4228
@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 .. 🙏🏽🙏🏽
@jyotigupta._438
@jyotigupta._438 Год назад
why there is axios error coming and data is not save in allusers
@celticspyd5887
@celticspyd5887 5 месяцев назад
can we add image also? please make a video or tell me
@gourimarkal7739
@gourimarkal7739 10 месяцев назад
I have installed mui v5 but when i use styled components i m getting errors Cannot create styled-component for component: undefined.
@gourimarkal7739
@gourimarkal7739 10 месяцев назад
Help....
@gobicorner
@gobicorner 2 года назад
how can CRUD operation can be applied for treeview like example with same functionality Please suggest some resources
@lakagar-lx1in
@lakagar-lx1in Год назад
Good explanation bhai, par baar baar api error aa jata hai, don't know why, par good video hai.
@codeforinterview
@codeforinterview Год назад
What is the error you are getting?
@mineemisha9989
@mineemisha9989 Год назад
Ops your smile 😀 #mineemisha
@Akash960
@Akash960 2 года назад
more such video awaits....
@codeforinterview
@codeforinterview 2 года назад
coming soon, please check other react projects ru-vid.com/group/PL_6klLfS1WqHM02usd5VBnc0yempce2pt
@ShubhamSingh-eg6wq
@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
@maahinpanchal5828 7 месяцев назад
sir how do you learn react js pls guide
@sanketwamanpatil5031
@sanketwamanpatil5031 Год назад
I got internal server error at 37:01 ? Can anyone help me out.
@sehajkapoor5551
@sehajkapoor5551 Год назад
I have no idea of react and spring boot can i understand this and learn or should i first have knowledge.
@codeforinterview
@codeforinterview Год назад
You should have basic knowledge of react atleast
@harshajain38
@harshajain38 7 месяцев назад
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
@arpitamahadani4412 6 месяцев назад
Yeah I am also getting the same error How to resolve it ?
@gobicorner
@gobicorner 2 года назад
Can you please do the same operation for treeview
@sanketwamanpatil5031
@sanketwamanpatil5031 Год назад
After adding user the user is not showing and gives 500 internal server error
@codeforinterview
@codeforinterview Год назад
500 is a backend error, you have done some mistake at the server end. Check the code written in the controller function
@rahulghoshal3044
@rahulghoshal3044 2 года назад
Bro but in your project id is not updating it is even what will be the solution ???
@codeforinterview
@codeforinterview 2 года назад
could you please point to an exact timestamp in the video where the id is not updating?
@vikashdstylo1855
@vikashdstylo1855 2 года назад
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
@codeforinterview 2 года назад
could you please point to a timestamp in the video for better understanding of your question
@sagarverma5981
@sagarverma5981 7 месяцев назад
Heheh he kya hai 😂😂😂
@RahulJadhav-ph7fo
@RahulJadhav-ph7fo 10 месяцев назад
38:38 add user
@RohitYadav-nb7nc
@RohitYadav-nb7nc Год назад
how can we add login and signup , in this project?
@codeforinterview
@codeforinterview Год назад
watch any other mern project for login and signup from the mern playlist, link is in description of the video
@Golukumar-ot6qz
@Golukumar-ot6qz 2 года назад
How to resolve the error could you please let me know
@codeforinterview
@codeforinterview 2 года назад
replied on your another comment
@VikramKumar-if9bd
@VikramKumar-if9bd 2 года назад
I am sad. youe channel got deleted. I was learning MERN via flipkart clone from your videos
@codeforinterview
@codeforinterview 2 года назад
no issues, I am back with this channel and I will upload Flipkart Clone by next week
@ShubhamSingh-eg6wq
@ShubhamSingh-eg6wq Год назад
Can we deploy this website, will it work properly?
@codeforinterview
@codeforinterview Год назад
Please refer this video for the deployment of this project, you can use the same method ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-dMpVz_IIfpU.html
@sanketwamanpatil5031
@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
@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
@akshay_Anna Год назад
Sir where can i get source code???
@codeforinterview
@codeforinterview Год назад
check description of the video for the github link
@akshay_Anna
@akshay_Anna Год назад
@@codeforinterview Thank you sir ❤️
@akshay_Anna
@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
@codeforinterview Год назад
@@akshay_Anna sure, will do. Give me 1-2 hours. I will update you
@akshay_Anna
@akshay_Anna Год назад
@@codeforinterview Thank you so much sir ❤️. For your quick response to subscribers. Means a lot ❤️.
@Golukumar-ot6qz
@Golukumar-ot6qz 2 года назад
npx showing error
@codeforinterview
@codeforinterview 2 года назад
what is the error? please comment down below the full error
@dineshbairwa3899
@dineshbairwa3899 2 года назад
The nos is not recognized as the name of cmdlet, and function, and scriptfile or operable program.
@gobicorner
@gobicorner 2 года назад
how to add child object
@codeforinterview
@codeforinterview 2 года назад
please elaborate a bit more
@gobicorner
@gobicorner 2 года назад
@@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
@neeluvlogs438 2 года назад
i am so sad ,your channel has been deleted...
@codeforinterview
@codeforinterview 2 года назад
thanks for your concern, I will upload all the videos on this new channel
@guptajicodes
@guptajicodes Год назад
Bhai please timespan daal do video mein
@codeforinterview
@codeforinterview Год назад
will do, thanks for the suggestion
@anoopKumar-dg7xk
@anoopKumar-dg7xk 2 года назад
hey bro 'crud-app-shard-00-02.9xjfp.mongodb.net:27017' => [ServerDescription] mere data base me yeh error aa rha hai
@codeforinterview
@codeforinterview 2 года назад
I have not used mongodb in this project. Why are you getting this error?
@normal47712
@normal47712 Год назад
The toolbar is not appearing when i use the appbar toolbar tags
Далее
How Strong is Tin Foil? 💪
00:26
Просмотров 32 млн
Learn React With This One Project
42:38
Просмотров 774 тыс.
Learn CRUD using React JS | CRUD Operation Crash Course
1:13:04
Role-Based Authentication in React (Complete Tutorial)
26:31
How Strong is Tin Foil? 💪
00:26
Просмотров 32 млн