๐Ÿ’ŽUnlock Premium Features
By - Learn Coding

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

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

Learn Coding

0 mins
334862+ students

๐Ÿ“ About This Course

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

๐Ÿš€ What You'll Learn

โœ“

Complete understanding of the topic

โœ“

Hands-on practical knowledge

โœ“

Real-world examples and use cases

โœ“

Industry best practices

Premium

Get Full Course Access

Take your learning to the next level with premium features

Unlimited access to all chapters
Interactive quizzes & assessments
Downloadable certificate