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

Published: 30 October 2023
on channel: Modern Web

33,943

686

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

📌 AWS Cors TXT File - https://drive.google.com/file/d/1Ft-w...

📌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

01:18 - Section 1 - Setting Up "/editor" route

04:42 - Section 2 - Editor Page Component

12:57 - Section 3 - Blog Editor - Navbar

20:16 - Section 4 - Blog Editor - Banner

31:04 - Section 5 - AWS S3 Bucket Setup

41:34 - Section 6 - Connecting AWS to Server

50:51 - Section 7 - Server Get Upload URL

01:01:55 - Section 8 - Uploading Banner Image

01:20:50 - Section 9 - Blog Title Texture

01:35:06 - Section 10 - Editor Context

01:53:03 - Section 11 - Blog Editor

02:22:36 - Section 12 - Text Editor Context & Changing Editor State

02:38:18 - Section 13 - Publish Form

03:48:35 - Section 14 - "Create-blog" route

04:38:20 - Section 15 - Publishing the blog

04:56:42 - Section 16 - Saving Blog Draft

05:08:58 - Outro ( Thanks for watching )

——-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 2 ] - 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 30 October 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 33,943 once and liked it 686 people.