MEAN stack: Login & Registration with Angular 11 example

In this tutorial, we will learn how to build a MEAN stack (MongoDB + Node.js Express + Angular 11) Authentication & Authorization with Login & Registration example. The back-end server uses Node.js Express with jsonwebtoken for JWT Authentication & Authorization, Mongoose for interacting with MongoDB database. The front-end will be created with Angular 11 using HttpInterceptor and Router. We’ll also perform Form validation on UI.

Related Post: Angular 11 + Node.js Express + MongoDB example: CRUD App

Run both projects in one place:
How to Integrate Angular with Node.js Restful Services

Other versions:
MEAN stack: Login & Registration with Angular 8 example
MEAN stack: Login & Registration with Angular 10 example
MEAN stack: Login & Registration with Angular 12 example

Read More

Angular 11 + MongoDB example with Node.js Express: CRUD App

In this tutorial, I will show you how to make Angular 11 connect to MongoDB with Node.js Express. We’re gonna build a full-stack (MEAN stack) CRUD Application in which, the back-end server uses Node.js + Express for REST APIs, front-end side is an Angular App with HTTPClient.

Newer version: Angular 12 + MongoDB example with Node.js Express: CRUD App

More Practice:
MEAN stack Authentication & Authorization example
File Upload using Angular 11 and Node.js

Run both projects in one place:
How to Integrate Angular with Node.js Restful Services

Serverless with Firebase:
Angular 11 Firebase CRUD Realtime DB | AngularFireDatabase
Angular 11 Firestore CRUD example | AngularFireStore

Read More

Login Page with React.js, MongoDB: MERN JWT Authentication example

In this tutorial, we will learn how to build a full stack MERN JWT Authentication example: Login & Registration Application with React.js + Node.js Express + MongoDB. The back-end server uses Node.js Express with jsonwebtoken for JWT Authentication & Authorization, Mongoose for interacting with MongoDB database. The front-end will be created with React (with/without Redux), React Router, Axios. We’ll also use Bootstrap and perform Form validation.

Related Post:
React.js + Node.js + Express + MongoDB example: MERN stack CRUD App

Run both projects in one place:
How to integrate React with Node.js Express on same Server/Port

Dockerize: Docker MERN stack with Nginx example – Docker Compose

Read More

mevn-stack-vue-node-express-mongodb-crud-feature-image

Vue.js + Node.js + Express + MongoDB example: MEVN stack CRUD Application

In this tutorial, I will show you how to build a MEVN stack (Vue.js + Node.js + Express + MongoDB) example with a CRUD Application. The back-end server uses Node.js + Express for REST APIs, front-end side is a Vue client with Vue Router and axios.

More Practice: Node.js Express + Vue.js: JWT Authentication & Authorization example

Run both projects (back-end & front-end) in one place:
How to serve/combine Vue App with Express

Serverless with Firebase:
Vue Firebase Realtime Database: CRUD example
Vue Firestore: Build a CRUD App example

Read More

mongoose-one-to-many-relationship-example-feature-image

MongoDB One-to-Many Relationship tutorial with Mongoose examples

In this tutorial, I will show you one of the most important Relationship in MongoDB that you will use in most database structures: One-to-Many Relationship. You will also know 3 criteria to choose Referencing or Embedding for improving application performance. Then we’re gonna make some MongoDB One-to-Many Relationship examples using Mongoose library.

Related Posts:
Many-to-Many Relationship with Mongoose examples
One-to-One relationship tutorial with Mongoose example

Node.js, Express & MongoDb: Build a CRUD Rest Api example
Node.js + MongoDB: User Authentication & Authorization with JWT

Read More

server-side-pagination-node-js-mongodb-mongoose-paginate-feature-image

Server side Pagination in Node.js, MongoDB | Mongoose Paginate v2

In previous post, we’ve know how to build Node.js Rest CRUD Apis with MongoDB. This tutorial will show you how to make server side Pagination in Node.js with MongoDB & Mongoose.

Related Post:
Node.js, Express & MongoDb: Build a CRUD Rest Api example

More Practice:
Node.js + MongoDB: User Authentication & Authorization with JWT

Deployment: Docker Compose: Node.js Express and MongoDB example

Fullstack with Angular:
Server side Pagination with Node.js and Angular

Clients for this Server:
React with Material-UI / React with react-table v7
Angular 8 / Angular 10 / Angular 11 / Angular 12
Vue with Bootstrap / Vuetify

Read More

node-express-mongodb-crud-rest-api-feature-image

Node.js, Express & MongoDb: Build a CRUD Rest Api example

Express is one of the most popular web frameworks for Node.js that supports routing, middleware, view system… Mongoose is a promise-based Node.js ODM for MongoDB that provides a straight-forward, schema-based solution to model our application data along with built-in type casting, validation, query building, business logic hooks… In this tutorial, I will show you step by step to build Node.js Restful API for CRUD operations using Express, Mongoose with MongoDB database.

You should install MongoDB in your machine first. The installation instructions can be found at Official MongoDB installation manual.

Fullstack:
– MEVN: Vue.js + Node.js + Express + MongoDB example
– MEAN:
Angular 8 + Node.js + Express + MongoDB example
Angular 10 + Node.js + Express + MongoDB example
Angular 11 + Node.js + Express + MongoDB example
Angular 12 + Node.js + Express + MongoDB example
– MERN: React + Node.js + Express + MongoDB example

Security: Node.js + MongoDB: User Authentication & Authorization with JWT

Deployment: Docker Compose: Node.js Express and MongoDB example

Read More