Do It Yourself – Tutorials – Build YOUR own MERN Social Media App – Full Stack Course Tutorial

by | Jun 25, 2021 | 0 comments

Do It Yourself – Tutorials – Build YOUR own MERN Social Media App – Full Stack Course Tutorial

by | Jun 25, 2021 | Do It Yourself - Build Your Own Website | 0 comments

Do It Yourself – Website Tutorials



Using React, Node JS, Express & MongoDB in previous videos, you’ve learned how to set up a Full Stack MERN Social Media App. Today, we’re going to add a new, essential feature, and that is – comments.

To implement comments, we’re going to work with React and Redux on the front end. The data from the front end will then be sent to the backend to be stored in the MongoDB database. Essentially, we’re going to use everything that you need to know for building a full stack MERN application.

🎥Full MERN Series – https://www.youtube.com/watch?v=ngc9gnGgUdA&list=PL6QREj8te1P7VSwhrMf3D3Xt4V6_SRkhu

📚 Materials/References:
GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/project_mern_memories

⭐Brain.fm:
URL – https://brain.fm/javascriptmastery
Coupon code: javascriptmastery
20% Discount on any membership

💼 Business Inquiries:
E-mail: [email protected]

❤️ Support JavaScript Mastery & Suggest Future Videos:
BuyMeACoffe: https://www.buymeacoffee.com/JSMastery
Patreon: https://www.patreon.com/javascriptmastery

📧 Subscribe to JavaScript Mastery’s Newsletter on Web Development, JavaScript and React to stay relevant in the Web Development Industry: https://javascriptmastery.eo.page 🔥

🚀 Join our Discord Community – https://discord.gg/n6EdbFJ

Time Stamps 👇
00:00 Intro
06:36 Comments
17:48 Redux
22:56 Backend
36:25 Fetching Comments
39:49 Scroll Comments
42:47 EXTRA Feature

source

[newsletter_form]
<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-1">First name or full name</label> <input class="tnp-name" type="text" name="nn" id="tnp-1" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-2">Email</label> <input class="tnp-email" type="email" name="ne" id="tnp-2" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>