DevHub Library

Installing Basic Tools

Project Overview

Setting up our React Project

Default Files & Folders

Identifying Major Components

Structuring Landing Page

Home Components (Part 1)

Home Components (Part 2)

Home Components (Part 3)

Home Components (Part 4)

Navbar, Footer & Open Account

Setting up React Router

Implement "About" Component

LeftSection in "Product" Component

RightSection in "Product" Component

Implement "Pricing" Component

"Support" Component (Part 1)

"Support" Component (Part 2)

Exploring the Dashboard

Creating Dashboard Components

Setup Dashboard Menu

Add Data to Holdings & Positions

"WatchList" Component (Part 1)

"WatchList" Component (Part 2)

"WatchList" Component (Part 3)

Connect MongoDB with Express (Part a)

Connect MongoDB with Express (Part b)

Creating Schemas & Models

Holdings Starter Data

Testing API Endpoints

Fetch Data from Dashboard

CRUD from the dashboard

Implement User Authentication

Plotting Graphs with chart.js

Exploring Stock Market Live APIs

How does Testing work?

Unit Testing with JEST

Deployment on AWS

What is WebRTC?

WebRTC Architectures

Project Demo

Project Introduction

Project Planning

Technologies used

Setting up Backend Structure

Creating DB Models

Authentication Routes

Socket for Live Interaction

Merging Socket & Express Server

Setting up Frontend Structure

Setting up the Router

Creating Landing Page

Creating Authentication Page

Context API and Creating Auth Flow

Activating the STUN Server

Video and Audio Controls

Connection through WebRTC

Stream Offers as Video

Resolving Errors

Showing ID for videos

Improving Meet UI

Screen Share Feature

Chat window UI

Real-time messages using Sockets

HOF for Auth Guard

Home Component

Implementing History feature

Deployment

Index - Agenda Video

Planning the Project Structure - Console Commands

Planning the Project Structures - Frontend Components

Planning the Project Structures - Database Schema and Models

Planning the Project Structures - API Endpoints

Creating the folder structure

Reading Terminal Commands from the users

Working on the initRepo Logic

Working on the addFile logic

Working on the commitChanges logic

Setting up and Configuring AWS

Working on the pushChanges Logic

Working on the pullChanges Logic

Working on the revertChanges Logic

Creating the Backend folder structure

Setting up MongoDB database

Writing the Server Creation Logic (Stitched Clip)

Writing the Server Creation Logic

Creating Schemas and Models

Setting up User Functionality

Setting up Repository Functionality

Setting up Issue Functionality

User Signup

User Login

Fetching User Profile

Updating and Deleting User Profile

Creating a new Repository

Fetching Repository details

Updating and Deleting Repository

Working on Issue Controller

Creating Folder Structure and Auth Context

Working on the FrontEnd Router

Building the Signup Functionality

Building the Login Functionality

Testing Signup and Login Functionality

Building the Dashboard - 1

Building the Dashboard - 2

Building the Dashboard - 3

Building the Navbar

Building the User Profile

Building the Contributions HeatMap

Building the Logout Functionality

Deploying the Frontend

Deploying the Backend - 1

Deploying the Backend - 2

Introduction to NextJS, SSR and SSG

Setting up the Project

Creating Models for Mongoose

Registration & Setting up the Routes

Testing with HTTP & Login

Setting up Multer and Updating Profile Picture

Updating and Getting User Profile

Exploring PDF Download option

Implementing the Download Profile Functionality

Connection Request Functionality

Using Multer to Implement Post Functionality by User

Delete flag concept and Implementing the Delete functionality

Implementing CRUD Functionality for Comments

Starting with Frontend, Redux, BundlePhobia

Setting Up Config for API Connection

Setting Up Redux and Authentication

Designing the Home / Landing Page

Understanding the Styling system in Reactjs

Implementing Landing Page UI

Creating the Authentication Component - UI

Connecting the Auth with Backend

Creating the Dashboard - Posts Reducer

Connecting Dashboard Component with Reducer

Pure CSS Techniques - Creating Layout for Dashboard

Styling UI for Getting All Posts in The Dashboard

Integrating the backend - Getting and Posting the posts

Creating the post feed functionality

Fetching posts from API and Showing it in a Card View

Implementing Post Options - Share Functionality - 2

Comment Functionality UI

Implementing Comment Get and Post Functionality

Creating the Discover users functionality

Navigating to a particular User Profile using SSR

Creating the User Profile page

Creating the User Profile Page - 2

Creating the Connection Functionality - Sending Connection Request

Implementing User Work History on Profile Page

Creating resume download functionality

Seeing My Connection Request and Accepting it

Creating the Profile page Skeleton

Profile Page Update Functionality

Adding the Add work Functionality with Modal

Finishing the App with Responsiveness - Media Queries

Deploying our LinkedIn Clone

Setup & Explore OpenAI APIs

Using OpenAI with npm

Using OpenAI with API endpoints

Creating Models

Setting up Utils

Connecting with Database

Setup "test" Route

Setup Routes

Setup "chat" Route

Starting with Frontend: Frontend setup

Building the Sidebar

Styling Sidebar

Building ChatWindow

Styling ChatWindow

Functionality: Get Reply for Prompt

Adding Loader

Display Chats

Format GPT Reply

Add Typing Effect

Display Thread History

Configure New Chat

Display chats in Thread

Delete a Thread

Implement Dropdown & extra feature ideas

What is Docker? [Container & Image]

Docker Installation (Windows OS)

Docker Installation (Mac OS)

Important Docker Commands

Docker vs Virtual Machine

Image vs Container

More Docker Commands

Port Binding

Troubleshoot Commands

Use Case: Use Docker with Development

Docker Network

Set up mongo & mongo-express

Connect DB with Node App

Docker Compose

Use Case: Dockerizing our App

Creating Dockerfile

Publish Image on DockerHub

Docker Volumes

Volumes Commands

Revisiting Docker Network

CI/CD Pipeline

CI/CD Tools

Working with Github Actions

.yaml for Automation

Set up JS project with Jest

Our first CI setup

CI/CD for MERN Project

Set up AWS EC2

CI/CD for Backend Module

Automate .env backup

CI/CD for Frontend Module

Workflow Summary

Components - Node & Pod

Service & Ingress

ConfigMap & Secret

Volumes

Deployment & StatefulSet

Kubernetes Architecture

Summary

Local Setup - Minikube & Kubectl

Installation

Kubectl Commands [GET]

CREATE Command

Debugging Commands [LOGS & EXEC]

APPLY Command

YAML Configurations

Status in Configuration

Deploying mongo-app in K8s

Configuring Mongodb

Configuring Mongo Express

Namespace in K8s

Namespace Use cases

Custom Namespaces

Scope

Kubens Installation

Ingress in K8s

Ingress Controller

Configure app with Ingress

Helm - Package Manager

Helm chart structure