• Post category:StudyBullet-13
  • Reading time:5 mins read


Building an in-depth full-stack Blog project application using Nodejs, Express, React, and MongoDB along with ES6+

What you will learn

Building an extensive backend API with Nodejs & Express

Extensive API testing with Postman

Building our frontend to work with the API

Get and Post Request using MongoDB

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


Get Instant Notification of New Courses on our Telegram channel.


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.

English
language

Content

Introduction

Introduction
Tools Required

Creating a React Front End

Setting up React Project
Configure Tailwind css with React
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 FrontEnd and BackEnd

The Fetch API
Adding React hooks to fetch data
Displaying comments
Adding an Add Comment form
Github link