MERN React Node MongoDB CRUD with Smart Login for Beginners
4.9 (30 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
224 students enrolled

MERN React Node MongoDB CRUD with Smart Login for Beginners

Build your own Node API with MongoDB to communicate with your React App for performing CRUD operations with Login System
Highest Rated
4.9 (30 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
224 students enrolled
Created by Ryan Dhungel
Last updated 1/2020
English
English [Auto]
Current price: $12.99 Original price: $19.99 Discount: 35% off
7 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 6 hours on-demand video
  • 12 articles
  • 10 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Building React Frontend
  • Building Node Express and MongoDB API
  • Smart login system
  • Implement CRUD (create read update delete)
  • Using Mongo Atlas (Database in the cloud)
  • React hooks
  • Better application architecture
  • Learn MERN Stack Full Stack Web App Development
  • Deployment to Heroku
Course content
Expand all 47 lectures 06:08:39
+ React Client and Node Server Setup
6 lectures 48:42
NPM packages to install
00:08
Installing npm packages
09:33
Node server
17:11
Mongo atlas
12:42
Source Code
00:07
+ Routes Controllers Schemas
3 lectures 22:39
Routes and controllers
11:04
Post schema
11:28
Source Code
00:07
+ Creating Post Server
3 lectures 22:37
Using postman
08:32
Create post
13:58
Source Code
00:07
+ Create Post Client
5 lectures 45:15
Routing in react
11:19
Post create form
07:11
On change handler
14:01
Axios post request
12:37
Source Code
00:07
+ Showing Posts
5 lectures 45:27
Navigation
04:58
Get all posts server
07:31
Show all posts client
15:09
Single post
17:42
Source Code
00:07
+ Post Update and Delete
5 lectures 38:30
Preparing for update and delete
08:32
Post update and delete server
06:24
Post update client
14:33
Delete post
08:54
Source Code
00:07
+ Smart Login System with Protected Routes
6 lectures 57:18
Smart login system overview
06:50
Login page
08:33
Login server
14:12
Session storage
18:59
Logout
08:37
Source Code
00:07
+ Rich Text Editor
6 lectures 43:19
Private route
12:02
Rich text editor
14:45
Render html
07:31
Rich text editor on update
04:03
Update delete by logged in user
04:51
Source Code
00:07
+ Protecting Routes - Server
3 lectures 16:19
Require signin middleware
10:09
Sending bearer token from client
06:03
Source Code
00:07
Requirements
  • Basic understanding of React and Node is preferred
  • Basic understanding of JavaScript
Description

Do you want to learn how to build a complete MERN (Mongo Express React Node) Stack project with CRUD (Create, Read, Update, Delete) features and Login System?

If so, I am here to help you out. This course is clear and easy to read and follow along. We will build a React Node CRUD application from scratch and go all the way to publishing it to heroku cloud servers.

By the end of this course, you will get comfortable enough for writing your own API with Node Express and MongoDB. You will also deploy your project to heroku so that you can share it with the entire world.

You will learn to write modular code that is easy to understand with separate backend and frontend. You will love every minute of it. With this course, learning is rewarding and fun at the same time.


Smart Login System

I will show you one more interesting concept in this course, and that is implementing your own very simple login system. We will not build full authentication (login/register) system but instead implement a smart way of securing your routes for example lets say create, update and delete routes only admin user.


MERN React Node CRUD with SMART login system

CRUD is the basis of all enterprise applications. Once you know how to do CRUD operations you build any type of web apps because the core fundamental of web apps in general is to create something, read that data, be able to update that data and delete that data.

Almost all the applications in the world are build around this concept of CRUD. That is what you will learn in this course with React Node Express and MongoDB from scratch to live servers in heroku cloud platform.

You will learn all the fundamental skills of building MERN Stack/FullStack app, implement smart login system, be able to create read update delete with your own API using React App.

There are a lot of extra topics coved in this course that will be super useful while building any type of web app such as usage of axios to make HTTP requests, using rich text editor to create beautiful posts, protect pages from unauthorized access and a very detailed explanation along the way.


Join me in this fun, exciting and rewarding journey of building a complete CRUD app with MERN Stack from Scratch to Heroku cloud servers.

Who this course is for:
  • Anyone looking to build FullStack/MERN Stack web app
  • Anyone looking to learn Node Js API Development
  • Anyone looking to build web app with React
  • Frontend developer looking to build his/her own API
  • Build CRUD (create read update delete) app
  • Interested to learn how to implement JWT (json web token) based authentication system
  • Learn to work with MongoDB
  • Learn to deploy your React and Node JS apps to Heroku cloud