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

Published: 06 November 2023
on channel: Modern Web
18,028
443

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

02:12 - Section 1 - Setting Up Home route

04:54 - Section 2 - Home Page

08:50 - Section 3 - Home Page - "InPageNavigation"

37:01 - Section 4 - Home Page - "latest blogs" route

47:48 - Section 5 - Home Page - fetching latest blogs

56:08 - Section 6 - Home Page - Blog Card

01:23:24 - Section 7 - Home Page - "trending blogs" route

01:28:51 - Section 8.1 - Home Page - fetching trending blogs

01:31:14 - Section 8.2 - Home Page - Minimal Blog Card

01:40:22 - Section 9 - Home Page - Filters + Trending Blogs

02:01:10 - Section 10 - Home Page - Filter blogs by categories

02:10:35 - Section 11 - "NoDataMessage" Component

02:16:45 - Section 12 - Pagination

03:04:54 - Section 13 - Working Search Input

03:09:25 - Section 14 - Search Route

03:12:33 - Section 15 - Search Page

03:33:35 - Section 16 - Searching User

03:40:15 - Section 17 - Search - User Card

03:56:00 - Section 18 - 404 Page

04:06:46 - Section 19 - User Route

04:09:09 - Section 20 - User Profile Page

04:44:34 - Section 21 - User Profile Page - "About User"

05:05:22 - Section 22 - User Profile Page - Rendering Blogs

——-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 3 ] - 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 06 November 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 18,028 once and liked it 443 people.