Complete NodeJS course with express, socket io and MongoDB

In this lesson,  we are going to create a server that listens for requests from the browser and then decides what responses to send to the browser .

In this part we will show you how to use the request object and what is the importance of this request object

In this lecture, we are going to return something to the browser, such as text and html

In this part, we are going to return html file instead of returning the html code one by one

In this part, we are going to demonstrate how to do routing in node.js

HTTP response status codes indicate whether a specific HTTP request has been successfully completed. Responses are grouped in five classes.

In this tutorial, we are going to add different statusCode for different cases

In previous lecture, we already learnt how to do routing.In this lecture, we are going to demonstrate how to redirect the “/contact-us” to “/contact”.

In this lecture, we are going to demo how to download and install a npm package globally in Node.js

In this part, we are going to talk about what is the use of package.json and how to install the 3-party package locally.

In this part we will learn how to install express and why we need express

In this part, we will demonstrate how to use express to listen for the requests.

We are going to create an express app from scratch. It will return simple html.

It is not convenient to return html at the route methods. In this lecture, we are going to learn how to return the html file.

In this part, we are going to add the materializecss style.

Most web page need to generate dynamic content rather than just a static page. So in this lecture, we will learn how to use the template engine ejs to generate dynamic content

In this part, we will demonstrate how to display the dynamic content. We will also create dummy data, loop through the array of object and display the template.

All the views have a lot of same content. They all have the nav and header.It would be nice to be able to create a file which held just part of the template which is the same, then we import this to our views that we need . If we need to update that part of the template, we just have to update that one file instead of all individual views.

In this part, we are going to learn how to setup the mongoDB from scratch

Mongoose provides a straight-forward, schema-based solution to model your application data. In this video, we are going to learn how to use mongoDB with mongoose

In this lecture, we are going to learn how to create modal and schema with mongoose

In this lecture, we are going to learn how to use mongoose to save and get the data from mongoDB

In this lecture, we are going to render the data from the mongoDB.

The form already created and we can post the data by using the form. With the mongoose, we will post the data to the mongodb and then redirect to the homepage

In this part, we will implement the materializecss.js to add the animation to the input field

Route parameters are named URL segments that are used to capture the values specified at their position in the URL. In this video, we want to get the id from the index page, and then fetch the detail from the mongodb by using this id.

In this video, we will create the item detail. It will display the item name and price.

In this lecture, we are going to create the delete request.

In the previous lecture, we find that the redirect method used before not work in this case. So we will fix this in this lecture.

In this part, we are going to create modal for editing the items.

In this part, we are going to add the put method to the server side.

At this part , we will implement the update function to update the mongoDB

In this part, we will start the project and create folder for both client and server side. Install and required package and connect to the database.

In this part, we are going to create models, models can help us to get and post data to the mongodb. We will also create createTodo and getTodo API

In this part, we are going to prepare the form for creating new todo, edit todo or reading todos at the client side

In this part, we are going to create createTodo and readTodo functions. We will also try to fetch the data from the mongoDB in this part.

In this part, we are going to create a new todo by using the form.

We are going to check if there are todos, there it will stop showing the preloader and render the data to the collection.

In this part, we are going to add some function to the form, so when user click on the list item, it will popup the value in the input fields.

In this part, we are going to prepare the update function at the backend.

In this part, we are going to modify the client side so the user can edit the todo

In this part, we are going to add the delete function at the server side.

In this part, we are going to add the delete functionality at client side

In this part, we will deploy the server to the heroku.

This part we will create a skeleton of the project, client and server.

As later we need to render the rooms on the homepage, so we add some dummy data for generating the room list at this stage

At this part we are going to install the necessary package for the server

At this part, we are going to implement the function to submit the room name to the server.

In the previous part, we already emit the room name from the client side, here we receive the room name at server side.

In this part, we need to pass the room name and also the room id to the chat page, which is ready to emit to the server

In this part, we create the first helper function to let the user join the chatroom

Last time we already created one helper function for joining the chatroom, this time we create other helper function at the server side.

In this part, we are going to add the sending message function at the client side.

In this part, we are going to make the server to receive the message, it will display the message at the console whenever it receive a new message

After the server broadcast the message, the clients need to receive the messages. We will implement this in this part

Setup the mongodb for storing the data

In this part, we are going to use mongoose to connect to the mongoDB.

In this part, we are going to save the chatroom inside the mongoDB.

This part we focus on listening the create room event such that all clients get the same room list

In this part we will get the rooms from the mongoDB such that it will get the room list everytime refresh the page

In this part, we will save the messages to the mongoDB

In this part , we start creating the messages component and pass the data to it.

In this part, we are going to create a message component and display the name and message.

Instead of just displaying the text message, this part we will add the logic and css, to display the message with bubble, and base on whether the message is sent by current user to determine to display on right or left.

Here we are going to create the input component for sending the messages.

In this part, we are going to add the css to the messages, such that the message bubble will not overflow. Also it will automatically scroll to the latest message when enter the page.

Now at this part, we are going to add the login, logout and signup routes.

For the signup process, we need to pass the user detail to the server. However we cannot do this without this middleware.

In this part, we will show you how.

In this part, we are going to create a user model, and then save the user to the document once it signup.

In this part , we are going to get the error message from the error object by using Object.values

For the unique properties of the email, it cannot be done by using error message, instead it is inside error code, so we need to handle it seqarately.

Mongoose hook are functions which are passed control during execution of asynchronous functions. In this part, we are going to demonstrate to execute the function before or after saving the user

Saving password directly into database is not safe. This lesson we will learn how to add salt and pass through the hash function to generate a hashed password

Create login route and signup route

Add the input field and buttons to the signup page

In this part, we will add the submit function and error message div.

In this part, we will talk about how to set the cookies and get the cookies. We will also talk about some options about setting the cookies.

In this part, we start to call the signup api from the client side

In this part, we are going to create JSON Web Token and store it inside the cookie

In this part, we are going to display the message in the client side

In this part we will create make the signup page redirect to the homepage after login.

In this part, we are going to create the login page and custom login function at user model.

In this part, we are going to verify the user with the JWT Token, such that everytime refresh the page, we can still see the user data rather than completely lost.

This time we go to create the logout api and also delete the JWT token automatically after logout

This part we are going to work on conditional render the button base on whether user authentication status

At last, we delete the function that create dummy users for the chat rooms