[ Part 4 ] - Code MERN Blogging website | Fully Working Blog Editor ( MongoDB, ReactJS, Nodejs )

Published: 16 November 2023
on channel: Modern Web
15,178
375

Build MERN Stack Blogging website that will shine in your portfolio, from having a fully modern editor to a working notification system and comments system, It has all. It has not only a modern design and responsive layout but also has tons of features that you won't find on any other video on YouTube. If you are beginner or a pro, feel free to watch this fully detailed tutorial covering eveything from scratch, you just need a basic understanding of React and that sit to start working on this project. This uses mongoDb as a database, nodejs for its server side coding and react js for its frontend. You will learn a lot of stuff while making this project.
.
.
.
.
📌Files to start ( Github Link ) - https://github.com/kunaal438/mern-blo...

📌Download Source Code ( Use 1 of the 3 options below )

Patreon -   / fullstack-mern-90122909  

Buymeacoffee - https://www.buymeacoffee.com/modernwe...

Or Become my channel’s member to get the source code.

Watch Previous Part of this series from the playlist below 👇

📌 Playlist link -    • How to code blogging website for begi...  

📌 Social Links Of Not So Social Person

——————————————————————

Instagram -   / themodernweb  

Twitter -   / modernweb438  

Dev.to - https://dev.to/themodernweb

Subscribe - https://www.youtube.com/c/modernweb?s...

Email - [email protected]

⏰Time Stamps⏰

——————————-

00:00 - Intro

03:02 - Section 1 - Blog Page Route

07:05 - Section 2 - "get-blogs" route - server.js

20:58 - Section 3 - Fetching Blog Details

29:39 - Section 4 - Blog Page

42:31 - Section 5 - "BlogInteraction" Component

01:00:40: - Section 6 - Blog Page - Similar Blogs

01:17:19 - Section 7 - Blog Page rendering content

01:36:54 - Section 8 - Edit Blog

02:02:52 - Section 9 - Like Blog

02:48:33 - Section 10 - Comments - Comments Wrapper

03:17:11 - Section 11 - Comments - Creating Comments in DB

03:53:48 - Section 12 - Comments - Fetching Comments

04:10:47 - Section 13 - Comments - Creating Comments cards

04:27:40 - Section 14 - Comments - Comments Pagination

04:37:15 - Section 15 - Comments - Replying to comments

05:06:05 - Section 16 - Comments - Hiding & Loading Replies

05:34:28 - Section 17 - Comments - Deleting Comments & replies

06:08:27 - Outro

——-Thanks for watching ——-

—————— 😎 Tags ——————

#MongoDatabaseBlog #MERNStackBlogspot #MERNBlogging #WebsiteDevelopment #FullStackBlogging #ReactJSBlogs #CodingLife #MongoDBBlog #ProgrammingBlogs #TechBlogging #webdesign #developerdiaries #websites #codingcommunity #fullstack #how #makewebsite #codinglife #websiteforblogging #howtomakewebsite #howtomakebloggingweb #BlogsWithReact #FullStackCreator #CodingInspiration #MERNStackBlogs #CodingInReact #MongoDBBloggers #ReactBlogging #CodingCommunity #FullStackDevBlog #BloggingInMERN #MERNStackPost #ReactJSLife #TechBloggersUnite #BuildingWithReact #BloggersOnMERN #MERNDevLife #BackendBlogging #ProgrammersBlog #TechSpaceBlogs #FullStackJourney
#MongoDatabaseBlog #MERNStackBlogspot #webdevelopment #responsivelandingpages #responsivewebdesign #htmltutorial #websitedevelopment #landingpage #css3 #website #codinglife #codingtutorials #react #cssanimations #mediaquery #js #javascript #learnwebdevelopment #coding #developer #websitedesign


Watch video [ Part 4 ] - Code MERN Blogging website | Fully Working Blog Editor ( MongoDB, ReactJS, Nodejs ) online without registration, duration hours minute second in high quality. This video was added by user Modern Web 16 November 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 15,178 once and liked it 375 people.