How to Build a Full Stack Web Application Using (MongoDB, Express Js, React Js & Node Js) | ๐—Ÿ๐—ถ๐—ธ๐—ฒ ๐Ÿ™๐Ÿ˜Š



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.

————————
๐—ฃ๐—ฟ๐—ฒ๐—ฟ๐—ฒ๐—พ๐˜‚๐—ถ๐˜€๐—ถ๐˜๐—ฒ
————————
โ˜† Javascript (map, filter & reduce)๐Ÿ‘‡

โ˜† ๐—š๐—ถ๐˜ ๐—™๐˜‚๐—น๐—น ๐—–๐—ผ๐˜‚๐—ฟ๐˜€๐—ฒ ๐Ÿ‘‡

โ˜† ๐—›๐—ง๐— ๐—Ÿ ๐—–๐—ฆ๐—ฆ ๐—ฃ๐—ฟ๐—ผ๐—ท๐—ฒ๐—ฐ๐˜ ๐Ÿ‘‡

โ˜† ๐—๐—ฎ๐˜ƒ๐—ฎ๐˜€๐—ฐ๐—ฟ๐—ถ๐—ฝ๐˜ ๐—ฃ๐—ฟ๐—ผ๐—ท๐—ฒ๐—ฐ๐˜ ๐Ÿ‘‡

โ˜† How to Deploy MERN Project ๐Ÿ‘‡

โ— ๐—ฃ๐—น๐—ฒ๐—ฎ๐˜€๐—ฒ ๐˜€๐—ต๐—ฎ๐—ฟ๐—ฒ, ๐—ถ๐—ณ ๐˜†๐—ผ๐˜‚ ๐—ณ๐—ถ๐—ป๐—ฑ ๐—ถ๐˜ ๐—จ๐˜€๐—ฒ๐—ณ๐˜‚๐—น๐Ÿ˜Š

———————–
๐—ง๐—ถ๐—บ๐—ฒ๐˜€๐˜๐—ฎ๐—บ๐—ฝ
———————–

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

โ—‹ Github Repo(Source Code)๐Ÿ˜Š
https://github.com/LearnCodingOfficial/bookStoreApp

โ—‹ Note:- Incase any issue while cloning the repo then checkout this๐Ÿ‘‡
https://github.com/akhil2k-lc/bookStoreApp

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 ๐Ÿ˜Š
————————————

source

Categories:

Related Posts :-