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

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


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