Pass data between React UI and MongoDB Atlas | MERN Tutorial



Pass data between React UI and MongoDB Atlas | MERN Tutorial

Pass data between React UI and MongoDB Atlas | MERN Tutorial

#reactjs #expressjs #merntutorial
In this MERN Tutorial we will learn how to pass data between React UI and MongoDB Atlas. We will build a simple app that will allow you to:
– post data from React User Interface (Form) to MongoDB Atlas through Node/Express js
– get data from MongoDB Atlas to React User Interface through Node/Express js

In this video we will be using the following npm packages:
– express
– mongoose
– cors
– axios
– bootstrap
– react-router-dom

Prerequisites:
I assume you already know how to create separate React Apps, Express Apps, how to create cluster in MongoDB Atlas and how to connect MongoDB Atlas to express server using mongoose.

Here is the link to my previous tutorial on MongoDB Atlas:
https://youtu.be/nwgQzuRRgec

For more, please:
Follow me on instagram: https://www.instagram.com/marina_webdev
Visit my website which is under continuous improvement: https://musedesigns.tech/hi-im-marina
Shop for my programmers merch designs: https://teespring.com/stores/techmuse

Thank you so much for watching! I also apologize for the video/sound quality. As soon as reach YouTube targets, I will invest in upgrading my “equipment” =D

Equipment used:
– MacBook Pro 2019 (https://amzn.to/31keIsC)
– iPhone 6s Plus (https://amzn.to/2FJdy1k)
– Phone holder with lamp (https://bit.ly/2Eju08g)
– Keepword Blogger microphone (https://bit.ly/3aP3mQB)

Software used:
– Viddyoze video making software (https://bit.ly/3l6wwPT)
– iMovie
– Keynote
– Canva

See you in the next video!