This lecture shows the coding demo about MERN full stack implementation Part 2 (Specific Information Retrieval or Information Retrieval by Id) explained
Video Timestamps:
00:00 - Introduction to the coding demo
00:40 - Setting up the back-end route for ID-based retrieval
03:10 - Verifying the back-end route with local server
04:16 - Creating the front-end helper function (getStudentById)
05:47 - Modifying the Student Details component for database connection
07:34 - Initializing state hooks (student, error, loading)
09:20 - Implementing useEffect to fetch student data by ID
13:39 - Rendering student details and handling object stringification
17:16 - Testing the full integration (Front-end and Back-end)
18:02 - Adding a new student in MongoDB to test dynamic updates
20:13 - Summary and what's next (Update, Delete, Search)
MERN front end: https://github.com/NawazAli20/MERN-front-end.git
MERN back end: https://github.com/NawazAli20/MERN-back-end.git
Github code link for RESTful Web API end point creations:
https://github.com/NawazAli20/RESTful-API-Endpoints.git
Github code link for MongoDB and Express connection and routes creation:
https://github.com/NawazAli20/mongdoDB-Express-Connection.git
Complete playlist link: https://youtube.com/playlist?list=PLGtw_s-emBFJ5hjODu4UsJZHY55ZXzkfX&si=9Suc8aBP3_Th4KJi
Github React Template code link: https://github.com/NawazAli20/reactTemplate
Git installation link: https://git-scm.com/install/
NodeJS installation link: https://nodejs.org/en
VS Code installation link: https://code.visualstudio.com/download
