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

Published: 27 March 2024
on channel: Learn Coding

319,039

6.7k

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👇
   • How to Deploy a MERN Stack Project on...

------------------------
𝗣𝗿𝗲𝗿𝗲𝗾𝘂𝗶𝘀𝗶𝘁𝗲
------------------------
☆ Javascript (map, filter & reduce)👇
   • Javascript map, filter & reduce | Lec...

☆ 𝗚𝗶𝘁 𝗙𝘂𝗹𝗹 𝗖𝗼𝘂𝗿𝘀𝗲 👇
   • GIT Full Course | Learn Coding | #git...

☆ 𝗛𝗧𝗠𝗟 𝗖𝗦𝗦 𝗣𝗿𝗼𝗷𝗲𝗰𝘁 👇
   • How To Make a Website | Make Static W...

☆ 𝗝𝗮𝘃𝗮𝘀𝗰𝗿𝗶𝗽𝘁 𝗣𝗿𝗼𝗷𝗲𝗰𝘁 👇
   • Learn to Make Fully Responsive Websit...

■ MERN PROJECTS 😊
----------------------------------------
● Chat Application 👇
   • How to Build & Deploy a Full Stack Ch...

● Portfolio Website 👇
   • How to Build & Deploy a Portfolio Web...

● Youtube Clone Project 👇
   • How to Build & Deploy a Full Stack Yo...

● 𝗣𝗹𝗲𝗮𝘀𝗲 𝘀𝗵𝗮𝗿𝗲, 𝗶𝗳 𝘆𝗼𝘂 𝗳𝗶𝗻𝗱 𝗶𝘁 𝗨𝘀𝗲𝗳𝘂𝗹😊

-----------------------
𝗧𝗶𝗺𝗲𝘀𝘁𝗮𝗺𝗽
-----------------------

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:-   / akhil2k-lc
Ankush:-  / ankush2k-lc

😊Will help and guide accordingly😇

○ Github Repo(Source Code) 😊
https://github.com/akhil2k-lc/bookSto...

● 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!
𝗟𝗲𝗮𝗿𝗻 𝗖𝗼𝗱𝗶𝗻𝗴
   / @learncodingofficial

◇ Facebook!
𝗟𝗲𝗮𝗿𝗻 𝗖𝗼𝗱𝗶𝗻𝗴
  / learncodingfb

◇ Telegram!
𝗟𝗲𝗮𝗿𝗻 𝗖𝗼𝗱𝗶𝗻𝗴
https://t.me/LearnCodingTelegram

◇ Github!
𝗟𝗲𝗮𝗿𝗻 𝗖𝗼𝗱𝗶𝗻𝗴
https://github.com/LearnCodingOfficial

◇ WhatsApp!
𝗟𝗲𝗮𝗿𝗻 𝗖𝗼𝗱𝗶𝗻𝗴
https://www.whatsapp.com/channel/0029...

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 😊
------------------------------------

Watch video How to Build a Full Stack Web Application Using (MongoDB, Express Js, React Js & Node Js) | online without registration, duration hours minute second in high quality. This video was added by user Learn Coding 27 March 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 319,039 once and liked it 6.7 thousand people.

5,521