How to Build & Deploy a Full Stack Blog Application | MongoDB, Express Js, React Js, Node Js | Like๐
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 formatsVideo Formats
Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.