How to Build a Full Stack Web Application Using (MongoDB, Express Js, React Js & Node Js) | #mern

In this video, we showcase how to build a full stack (dynamic/responsive) web project, crafted with 𝗠𝗼𝗻𝗴𝗼𝗗𝗕, 𝗘𝘅𝗽𝗿𝗲𝘀𝘀.𝗷𝘀, 𝗥𝗲𝗮𝗰𝘁.𝗷𝘀, 𝗮𝗻𝗱 𝗡𝗼𝗱𝗲.𝗷𝘀. Used Technologies :- 𝗠𝗼𝗻𝗴𝗼𝗗𝗕 :- It's a NoSQL DB. 𝗘𝘅𝗽𝗿𝗲𝘀𝘀 𝗝𝘀 :- It's a Node Js Framework(Backend) 𝗥𝗲𝗮𝗰𝘁 𝗝𝘀 :- It's a JavaScript Library(Frontend) ● UI Design:- 𝗧𝗮𝗶𝗹𝘄𝗶𝗻𝗱 𝗖𝗦𝗦 𝗡𝗼𝗱𝗲 𝗝𝘀:- Help us to run Js on Server-side. ☆ Deployment Video👇 https://youtu.be/v4U0RLWJln4?si=ThUXlOjti-yUKttA ------------------------ 𝗣𝗿𝗲𝗿𝗲𝗾𝘂𝗶𝘀𝗶𝘁𝗲 ------------------------ ☆ Javascript (map, filter & reduce)👇 https://youtu.be/CAW8RePM29c?si=qhbyA0ArcOmeeaCk ☆ 𝗚𝗶𝘁 𝗙𝘂𝗹𝗹 𝗖𝗼𝘂𝗿𝘀𝗲 👇 https://youtu.be/9-agBD25ILY?si=rvpB2Bh7af1DRZFr ☆ 𝗛𝗧𝗠𝗟 𝗖𝗦𝗦 𝗣𝗿𝗼𝗷𝗲𝗰𝘁 👇 https://youtu.be/sHydpsVcN2Q?si=O9dSuWxSc0YB7l5e ☆ 𝗝𝗮𝘃𝗮𝘀𝗰𝗿𝗶𝗽𝘁 𝗣𝗿𝗼𝗷𝗲𝗰𝘁 👇 https://youtu.be/xL3qcW04FFg?si=dGIKhfHP3MNw9L92 ■ MERN PROJECTS 😊 ---------------------------------------- ● Chat Application 👇 https://youtu.be/HONob0RSJ6Y?si=XYRl6xDQybNlkF0B ● Portfolio Website 👇 https://youtu.be/CrFrJ82rjA0?si=nvHLnHUuSNZvB-vZ ● Youtube Clone Project 👇 https://youtu.be/Ryh6BYeMIDQ?si=B3slN-jWIaPXmiQ_ ● 𝗣𝗹𝗲𝗮𝘀𝗲 𝘀𝗵𝗮𝗿𝗲, 𝗶𝗳 𝘆𝗼𝘂 𝗳𝗶𝗻𝗱 𝗶𝘁 𝗨𝘀𝗲𝗳𝘂𝗹😊 ----------------------- 𝗧𝗶𝗺𝗲𝘀𝘁𝗮𝗺𝗽 ----------------------- 1. Syntax(Backend/Frontend) 00:00:00 2. Project Demo 00:00:51 3. Git/GitHub ■ Repo Clone :- 00:05:34 ● Make Sure Git Should be Installed Before Cloning the GitHub Repo. 4. What is MERN? 00:09:32 5. Node Js Installation 00:10:12 ● Frontend 00:11:16 ● Git/Github 02:19:33 ● Backend 02:26:01 ● If you have any kind of doubts, you can ping us on linkedin 👇 Akhilesh:- https://www.linkedin.com/in/akhil2k-lc Ankush:-https://www.linkedin.com/in/ankush2k-lc 😊Will help and guide accordingly😇 ○ Github Repo(Source Code) 😊 https://github.com/akhil2k-lc/bookStoreApp ● How u can run the project 👇 ------------------------------------------------------ Step1:- Clone The Repository Step2:- Use npm install (Frontend/Backend) Step3:- Install mongoDB Compass Step4:- Connect to MongoDB Step5:- Do Signup Step6:- create book data (as i show in the video) Step7:- Refresh the page to see the book data in cards section. Follow us on 👇 ------------------------------------------------ ◇ Youtube! 𝗟𝗲𝗮𝗿𝗻 𝗖𝗼𝗱𝗶𝗻𝗴 https://youtube.com/@LearnCodingOfficial?si=-tA-Q8jnG6daGCf0 ◇ Facebook! 𝗟𝗲𝗮𝗿𝗻 𝗖𝗼𝗱𝗶𝗻𝗴 https://m.facebook.com/LearnCodingFB ◇ Telegram! 𝗟𝗲𝗮𝗿𝗻 𝗖𝗼𝗱𝗶𝗻𝗴 https://t.me/LearnCodingTelegram ◇ Github! 𝗟𝗲𝗮𝗿𝗻 𝗖𝗼𝗱𝗶𝗻𝗴 https://github.com/LearnCodingOfficial ◇ WhatsApp! 𝗟𝗲𝗮𝗿𝗻 𝗖𝗼𝗱𝗶𝗻𝗴 https://www.whatsapp.com/channel/0029Va5RGsyBKfhsVsBg0Q3O Your Queries -------------------------- ● MERN Project ● MERN Stack Project ● Complete MERN Stack Project ● Full Stack Web Application ● How to Create MERN Project ● Learn to build Full Stack MERN Project ● Build Complete MERN Project ● How to make website ● How to create a website ● How to create a full stack web application ● HTML ● CSS ● Javascript ● Tailwind CSS ● React Js ● MongoDB ● Express Js ● Node Js Don't forget to tag our Channel...! #mern #webdevelopment #reactjs #mongodb #expressjs #nodejs #tailwindcss #jsx #html #css #javascript #mernstack #github #git #LearnCoding Developer🧏‍♂️:- 𝗔𝗸𝗵𝗶𝗹𝗲𝘀𝗵 ------------------------------------ Thank You 😊 ------------------------------------