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

Опубликовано: 27 Март 2024
на канале: 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 😊
------------------------------------

Смотрите видео How to Build a Full Stack Web Application Using (MongoDB, Express Js, React Js & Node Js) | онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Learn Coding 27 Март 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 319,03 раз и оно понравилось 6.7 тысяч людям.