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