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

Опубликовано: 30 Октябрь 2023
на канале: 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


Смотрите видео [ Part 2 ] - Code MERN Blogging website | Fully Working Blog Editor ( MongoDB, ReactJS, Nodejs ) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Modern Web 30 Октябрь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 33,943 раз и оно понравилось 686 людям.