Back to Browse

React Lecture 19 : Coding Demo MERN full stack implementation Part 4 (Adding new Information)

46 views
Jun 2, 2026
27:38

This lecture shows the coding demo of MERN full stack implementation Part 4 (Adding new information) Video Timestamps: 00:00 - Introduction to Adding Information via Fetch 00:27 - Setting up the VS Code Environment 01:10 - Backend Configuration: Modifying Student Routes 03:04 - Implementing the HTTP POST Method for Backend 05:54 - Frontend Route Setup in React 09:09 - Creating the API Helper Function for POST Requests 17:41 - Building the Add Student Form and Testing 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

Download

1 formats

Video Formats

360pmp437.8 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

React Lecture 19 : Coding Demo MERN full stack implementation Part 4 (Adding new Information) | NatokHD