Advertisement
Home Web Design Tutorials How to Build a Full Stack Web Application Using (MongoDB, Express Js,...

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

32

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

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

โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€“
๐—ง๐—ถ๐—บ๐—ฒ๐˜€๐˜๐—ฎ๐—บ๐—ฝ
โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€“

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

32 Comments

  1. kudoos to you sir. completed 1 hr of this tutorial and felt like everything is so well explained that even begineer can easily understand. I am going to add this project in my resume with some modifications

  2. MongooseError: The `uri` parameter to `openUri()` must be a string, got "undefined". Make sure the first parameter to `mongoose.connect()` or `mongoose.createConnection()` is a string. yeh erorr aa raha hai bhai

  3. sir ek major problem aa rha h theme me. mere laptop/system ka theme phele se dark mode hai to by default browser me phele se dark theme se content aa rha hai bina dark mode button click kiye. aur jab dark mode button me click krte h to bohot ajeeb color aa jata hai sara content me. please take time to help me!!!!

Leave A Reply

Please enter your comment!
Please enter your name here

Exit mobile version