Back to Browse

How to Build & Deploy a Full Stack Blog Application | MongoDB, Express Js, React Js, Node Js | Like๐Ÿ™

85.3K views
Aug 30, 2024
9:14:09

In this video, we showcase how to build a full stack (dynamic/responsive) blog application along with admin panel, 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. Other Used Technologies :- ------------------------------------------------ ๐—๐—ช๐—ง :- (JSON Web Token) is a secure value to transmit information as a JSON object between parties. Commonly used for authentication and authorization in web applications. โ˜† ๐—Ÿ๐—ถ๐˜ƒ๐—ฒ ๐—ฃ๐—ฟ๐—ฒ๐˜ƒ๐—ถ๐—ฒ๐˜„ ๐Ÿ‘‡ https://blog-app-yt.vercel.app Note:- โ— Shortly we'll ๐˜€๐—ต๐˜‚๐˜๐—ฑ๐—ผ๐˜„๐—ป the deployed url, so don't spam on comment section regarding live preview ๐—จ๐—ฅ๐—Ÿ not working. ------------------------ ๐—ฃ๐—ฟ๐—ฒ๐—ฟ๐—ฒ๐—พ๐˜‚๐—ถ๐˜€๐—ถ๐˜๐—ฒ ------------------------ โ˜† Javascript (map, filter & reduce)๐Ÿ‘‡ https://youtu.be/CAW8RePM29c?si=qhbyA0ArcOmeeaCk โ˜† ๐—š๐—ถ๐˜ ๐—™๐˜‚๐—น๐—น ๐—–๐—ผ๐˜‚๐—ฟ๐˜€๐—ฒ ๐Ÿ‘‡ https://youtu.be/9-agBD25ILY?si=rvpB2Bh7af1DRZFr โ˜† ๐—›๐—ง๐— ๐—Ÿ ๐—–๐—ฆ๐—ฆ ๐—ฃ๐—ฟ๐—ผ๐—ท๐—ฒ๐—ฐ๐˜ ๐Ÿ‘‡ https://youtu.be/sHydpsVcN2Q?si=O9dSuWxSc0YB7l5e โ˜† ๐—๐—ฎ๐˜ƒ๐—ฎ๐˜€๐—ฐ๐—ฟ๐—ถ๐—ฝ๐˜ ๐—ฃ๐—ฟ๐—ผ๐—ท๐—ฒ๐—ฐ๐˜ ๐Ÿ‘‡ https://youtube.com/playlist?list=PLqleLpAMfxGDB3cy3dKEzGu3DBCjhdIbr&si=LWn48PJkhamiHSxA โ˜†Full Stack 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. Project Demo 00:00:00 2. Node Js Installation 00:11:38 3. Must Know Concepts 00:12:37 4. Project Setup 00:15:27 โ— Backend 00:31:41 โ— Frontend 03:18:19 โ— Full Stack 04:24:43 โ— Git/Github Code Push 08:52:10 โ— Deployment 08:56:00 โ— Git/Github Repository Clone 09:09:58 โ— 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/LearnCodingOfficial/blog-app 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 Search Queries -------------------------- โ— Blog Application โ— full stack blog application โ— blog application with admin panel โ— Full Stack Project โ— Build blog app using mern โ— React js blog app โ— Node js blog application โ— MERN Project โ— MERN Stack Project โ— how to create full stack website โ— Complete MERN Stack Project โ— Full Stack Web Application โ— How to Create MERN Project โ— Learn to build Full Stack MERN Project โ— Build Complete MERN Project โ— jsonwebtoken โ— 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 #blogapp #fullstack #jwt #LearnCoding Developer๐Ÿงโ€โ™‚๏ธ Development:- ๐—”๐—ธ๐—ต๐—ถ๐—น๐—ฒ๐˜€๐—ต Deployment:- ๐—ฉ๐—ถ๐˜ƒ๐—ฒ๐—ธ ------------------------------------ Thank You ๐Ÿ˜Š ------------------------------------

Download

1 formats

Video Formats

360pmp4688.1 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

How to Build & Deploy a Full Stack Blog Application | MongoDB, Express Js, React Js, Node Js | Like๐Ÿ™ | NatokHD