MERN Stack with Blog Project

MERN Stack with Blog Project

MERN Stack with Blog Project

Learn, Apply, Build a Blog Project using NodeJs, Express, MongoDB & React

Language: english

Note: 4.0/5 (803 notes) 85,598 students

Instructor(s): Tech Academy

Last update: 2022-10-21

What you’ll learn

  • Build a full stack Blog application with React, Redux, Node, Express & MongoDB
  • Integrate React with an Express backend in an elegant way
  • Create an extensive backend API with Express
  • React Hooks, Async/Await & modern practices

 

Requirements

  • A good understanding of JavaScript & ES6 Fundamentals
  • React & Node Basics

 

Description

Welcome to “MERN Stack with Blog Project”. In this course, we will be building an in-depth full-stack Blog project application using Node.js, Express, React, and MongoDB along with ES6+. We will start with a blank text editor and end with a deployed full-stack application. This course includes…

  • Building an extensive backend API with Node.js & Express

  • Extensive API testing with Postman

  • Integrating React with our backend in an elegant way, creating a great workflow

  • Building our frontend to work with the API

  • Get and Post Request using MongoDB

This course project is probably the biggest and most exciting project you have built so far. It is packed with hundreds of tips and tricks that can help you build almost any type of full-stack app (not limited to this blog project).

Master the art of building FullStack/MERN Stack apps by enrolling in this course and never look back. What you are now and what you will become after completing this course is going to be a groundbreaking step in your web development career.

You can build the biggest and most complex apps of your dream or as required at your job. Master the stack of all stacks and become the most productive and innovative developer of your team. I welcome you to be a part of this incredible journey.

 

Who this course is for

  • Anyone that wants to learn how to build and deploy a full stack MERN application

 

Course content

  • Introduction
    • Introduction
    • Installing Dependencies
  • Creating a React Front End
    • Setting up React Project
    • Configure Tailwind css with React
    • Tailwind CSS Course
    • Creating the app component
    • Creating blog pages
    • Creating NabBar component
    • Github Link
    • URL parameters with react-router
    • Creating and linking the articles list
    • Making article list as reusable component
    • Creating a 404 page in React
  • Creating a Node Back End
    • preparing-the-backend-dependencies
    • creating-our-express-app (Server.js)
    • Testing an Express server with Postman
    • Route parameters in Express
    • Adding comments functionality
  • Setting up MongoDB
    • Installing MongoDB and creating database
    • Adding MongoDB to Express
    • Rewriting the comments endpoint
  • Connecting the Front and Back End
    • The Fetch API
    • Adding React hooks to fetch data
    • Displaying comments
    • Adding an Add Comment form
    • Github Link
  • Bonus
    • Tailwind CSS Course
  • Creating a React Front End – OLD
    • Setting up React Project
    • Configure Tailwind.css with React
    • Creating the app component
    • Creating blog pages
    • Creating NabBar component
    • Git Hub links
    • URL parameters with react-router
    • Creating and linking the articles list
    • Making article list as reusable component
    • Creating a 404 page in React
  • Creating a Node Back End – OLD
    • Setting up an Express server
    • Testing an Express server with Postman
    • Route parameters in Express
    • Automatically updating with nodemon
    • Adding comments functionality
  • Setting up MongoDB – OLD
    • Installing MongoDB
    • Adding MongoDB to Express
    • Rewriting the comments endpoint
  • Connecting the Front and Back End – OLD
    • The Fetch API
    • Adding React hooks to fetch data
    • Displaying comments
    • Adding an Add Comment form
    • Git Hub links

 

Time remaining or 865 enrolls left

 

Don’t miss any coupons by joining our Telegram group 

Udemy Coupon Code 100% off | Udemy Free Course | Udemy offer | Course with certificate