Create a Twitter Clone with Node.js, Socket.IO and MongoDB

Course Curriculum

Chapter 1: Node JS Basic Overview

Lecture 1: Course promo video (from course home page)

Lecture 2: Setup and creating our first app

Lecture 3: Creating a server

Lecture 4: How to quit/stop the app from running

Lecture 5: Rendering content on the web page

Lecture 6: Supporting additional pages

Lecture 7: Adding a routing file

Lecture 8: Handling POST/GET requests (form submissions)

Chapter 2: Using NPM

Lecture 1: npm init

Lecture 2: Installing our first npm package

Lecture 3: npm install

Lecture 4: Telling git to ignore node_modules (skip if not using git)

Chapter 3: Template Engines (Pug)

Lecture 1: Setting up our project

Lecture 2: Installing Express

Lecture 3: Rendering some content on the web page

Lecture 4: Creating our first Pug template

Lecture 5: Rendering a dynamic page title

Lecture 6: Extending another pug template file

Lecture 7: Quick html improvements

Chapter 4: Registration/Login System

Lecture 1: Middleware: Redirecting the user if not logged in

Lecture 2: Adding the login route

Lecture 3: Creating the login page

Lecture 4: Adding Bootstrap

Lecture 5: Serving static files

Lecture 6: Login CSS

Lecture 7: Creating the register page

Lecture 8: Checking that the passwords match

Lecture 9: Adding body parser

Lecture 10: Checking for empty fields

Lecture 11: Getting started with MongoDB

Lecture 12: Connecting to the database

Lecture 13: Creating a reusable database connection

Lecture 14: Creating the User Schema (mongoose)

Lecture 15: Checking if username or emails are already in use

Lecture 16: Async and Await explanation

Lecture 17: Checking if the username or email are already in use

Lecture 18: Inserting a user into the collection

Lecture 19: Adding timestamps to our data

Lecture 20: Hashing the password

Lecture 21: Sessions

Lecture 22: Passing the logged in user to the client

Lecture 23: Logging in

Chapter 5: Creating the site's main layout

Lecture 1: Bootstrap grid intro

Lecture 2: Creatig a responsive layout

Lecture 3: Adding FontAwesome

Lecture 4: Choosing our navigation bar icons

Lecture 5: Styling the navigation bar

Lecture 6: Navigation icon colours

Lecture 7: Logging out

Lecture 8: Adding the page title

Chapter 6: Creating the post form

Lecture 1: Mixins

Lecture 2: Setting the default profile picture

Lecture 3: Styling the post form container

Lecture 4: Styling the textarea

Lecture 5: Adding a common javascript file

Lecture 6: Getting the entered text from the textbox

Lecture 7: Enabling the submit button when the user types

Chapter 7: Styling the posts

Lecture 1: Adding a click handler to the post button

Lecture 2: Rest API basic explanation

Lecture 3: Post API route

Lecture 4: Sending a bad request when the data is invalid

Lecture 5: Creating the posts Mongoose schema

Lecture 6: Inserting the post into the database

Lecture 7: Handling the response from the server

Lecture 8: Outputting the post content

Lecture 9: Outputting the user info from the post

Lecture 10: Styling the post body

Lecture 11: Styling the comment, retweet and like buttons

Lecture 12: Hover styles of the comment, retweet and like buttons

Chapter 8: Outputting posts onto the newsfeed

Lecture 1: Creating the home page JavaScript file

Lecture 2: Getting posts from the database

Lecture 3: Outputting posts on the page

Lecture 4: Populating the posted by data

Lecture 5: Populating our login details to save us time

Lecture 6: Calculating the timestamp of the posts

Lecture 7: Ordering the posts by newest first

Chapter 9: The like button

Lecture 1: Adding the likes field to the schemas

Lecture 2: Like button click handler

Lecture 3: Getting the post id from the clicked element

Lecture 4: Rest API request types overview

Lecture 5: Making a PUT request

Lecture 6: Checking if if the user has already like the post

Lecture 7: Inserting the like

Lecture 8: Unliking posts

Lecture 9: Returning the like result to the client

Lecture 10: Updating the button to show the new number of likes

Lecture 11: Passing the user logged in info to the client

Lecture 12: Changing button colour when post is liked

Lecture 13: Showing correct button colour when page loads

Chapter 10: Retweeting posts

Lecture 1: Setting up the retweet route