React: First step towards MERN stack Send data to Server from React, using NodeJS REST API and store it to MongoDB GitHub Repository Link: https://github.com/sayedazharsabri/react-workshop-projects.git Note: Please switch to branch *03_basic_react_project* for this code Note: Its Basic Project's 8th video, kindly watched other videos before this if you want to learn react from scratch. Link: https://youtube.com/playlist?list=PLIfcYFqzDXHmn3h9ssYeCFSUW5JE6IrUp NodeJS REST API Tutorial: https://youtube.com/playlist?list=PLIfcYFqzDXHn8kzm8BT9zX8GYGKl9R0mw MongoDB: https://youtube.com/playlist?list=PLIfcYFqzDXHkSPsm1DfMuA0TEgpycA2e1 Here you will learn - How to create REST API in NodeJS using Express (First step for beginners) - How to create Mongoose Model - How to store data in MongoDB from NodeJS Server - Create Query. - How to call REST API from React using fetch. - HTTP Post request - How to Handle CORS Error for development server or localhost. - How to store Product data to MongoDB using REST API. - Error Solved: Fetch API cannot load localhost:3002/product. URL scheme "localhost" is not supported - Error Solved: Access to fetch at 'http://127.0.0.1:3002/product' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. #CodeByHeart #react #MERN #MongdbExpressNodeJSReact #reactfromscrach #createrestapi #mongoose #reactplusmongodb #reactplusrestapi #reactplusnodejs #reactplusexpress #reacthowtostoreformdatatodb #AzharSir #easyway #easiestway #bestway #withexample #realway #realimplementation #modernway #hindi #whatsappuniversityhindi #whatsappuniversity #basic #reactforbeginners #bestway #easiestway #professsionalway #formalway #perfectway #reactway #veryimportant #reactproject #reactprojectforbeginner
React: First step towards MERN stack Send data to Server from React, using NodeJS REST API and store it to MongoDB GitHub Repository Link: https://github.com/sayedazharsabri/react-workshop-projects.git Note: Please switch to branch *03_basic_react_project* for this code Note: Its Basic Project's 8th video, kindly watched other videos before this if you want to learn react from scratch. Link: https://youtube.com/playlist?list=PLIfcYFqzDXHmn3h9ssYeCFSUW5JE6IrUp NodeJS REST API Tutorial: https://youtube.com/playlist?list=PLIfcYFqzDXHn8kzm8BT9zX8GYGKl9R0mw MongoDB: https://youtube.com/playlist?list=PLIfcYFqzDXHkSPsm1DfMuA0TEgpycA2e1 Here you will learn - How to create REST API in NodeJS using Express (First step for beginners) - How to create Mongoose Model - How to store data in MongoDB from NodeJS Server - Create Query. - How to call REST API from React using fetch. - HTTP Post request - How to Handle CORS Error for development server or localhost. - How to store Product data to MongoDB using REST API. - Error Solved: Fetch API cannot load localhost:3002/product. URL scheme "localhost" is not supported - Error Solved: Access to fetch at 'http://127.0.0.1:3002/product' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. #CodeByHeart #react #MERN #MongdbExpressNodeJSReact #reactfromscrach #createrestapi #mongoose #reactplusmongodb #reactplusrestapi #reactplusnodejs #reactplusexpress #reacthowtostoreformdatatodb #AzharSir #easyway #easiestway #bestway #withexample #realway #realimplementation #modernway #hindi #whatsappuniversityhindi #whatsappuniversity #basic #reactforbeginners #bestway #easiestway #professsionalway #formalway #perfectway #reactway #veryimportant #reactproject #reactprojectforbeginner