Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Science
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 6 hours on-demand video
  • 14 articles
  • 10 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development MERN Stack

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
Rating: 4.7 out of 54.7 (59 ratings)
318 students
Created by Ryan Dhungel
Last updated 10/2020
English
English [Auto]
30-Day Money-Back Guarantee

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

12 sections • 49 lectures • 6h 9m total length

  • Preview03:21

  • Preview09:01
  • NPM packages to install
    00:08
  • Installing npm packages
    09:33
  • Node server
    17:11
  • Mongo atlas
    12:42
  • Source Code
    00:07

  • Routes and controllers
    11:04
  • Post schema
    11:28
  • Source Code
    00:07

  • Using postman
    08:32
  • Create post
    13:58
  • Source Code
    00:07

  • Routing in react
    11:19
  • Post create form
    07:11
  • On change handler
    14:01
  • Axios post request
    12:37
  • Source Code
    00:07

  • Navigation
    04:58
  • Get all posts server
    07:31
  • Show all posts client
    15:09
  • Single post
    17:42
  • Source Code
    00:07

  • 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 overview
    06:50
  • Login page
    08:33
  • Login server
    14:12
  • Session storage
    18:59
  • Logout
    08:37
  • Source Code
    00:07

  • 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

  • Express JWT Error - Algorithms should be set
    00:14
  • 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

Instructor

Ryan Dhungel
Web Developer
Ryan Dhungel
  • 4.5 Instructor Rating
  • 12,587 Reviews
  • 157,783 Students
  • 22 Courses

Ryan Dhungel is a Web Developer from Sydney, Australia. He builds Web apps using JavaScript, Node JS, React JS, Vue JS, Laravel and other emerging platforms.

He also wants to make the entire Web Development process enjoyable and productive at the same time by producing well explained practical Tutorials and Training packages for fellow developers.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.