How to Build & Deploy a Full Stack Blog Application | MongoDB, Express Js, React Js, Node Js | Like🙏

Published: 30 August 2024
on channel: Learn Coding

66,275

910

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:- ● Our Frontend & Backend deployed in different different servers, so it might take sometime to response so kindly wait until response is not coming.
● We have hidden the admin panel in the deployment so that we can avoid unnecessary posts.

------------------------
𝗣𝗿𝗲𝗿𝗲𝗾𝘂𝗶𝘀𝗶𝘁𝗲
------------------------
☆ Javascript (map, filter & reduce)👇
   • Javascript map, filter & reduce | Lec...

☆ 𝗚𝗶𝘁 𝗙𝘂𝗹𝗹 𝗖𝗼𝘂𝗿𝘀𝗲 👇
   • GIT Full Course | Learn Coding | #git...

☆ 𝗛𝗧𝗠𝗟 𝗖𝗦𝗦 𝗣𝗿𝗼𝗷𝗲𝗰𝘁 👇
   • How To Make a Website | Make Static W...

☆ 𝗝𝗮𝘃𝗮𝘀𝗰𝗿𝗶𝗽𝘁 𝗣𝗿𝗼𝗷𝗲𝗰𝘁 👇
   • Javascript Projects

☆Full Stack 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. 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:-   / akhil2k-lc
Ankush:-  / ankush2k-lc

😊Will help and guide accordingly😇

○ Github Repo(Source Code)😊
https://github.com/LearnCodingOfficia...

Follow us on 👇
------------------------------------------------
◇ Youtube!
𝗟𝗲𝗮𝗿𝗻 𝗖𝗼𝗱𝗶𝗻𝗴
   / @learncodingofficial

◇ Facebook!
𝗟𝗲𝗮𝗿𝗻 𝗖𝗼𝗱𝗶𝗻𝗴
  / learncodingfb

◇ Telegram!
𝗟𝗲𝗮𝗿𝗻 𝗖𝗼𝗱𝗶𝗻𝗴
https://t.me/LearnCodingTelegram

◇ Github!
𝗟𝗲𝗮𝗿𝗻 𝗖𝗼𝗱𝗶𝗻𝗴
https://github.com/LearnCodingOfficial

◇ WhatsApp!
𝗟𝗲𝗮𝗿𝗻 𝗖𝗼𝗱𝗶𝗻𝗴
https://www.whatsapp.com/channel/0029...

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 😊
------------------------------------