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.