wittcode Goto Github PK

code-a-video-streaming-app-with-node

Learn how to code a video streaming app with Node. We will also go over the HTTP 206 status code, what streams are, and the HTTP headers involved in streaming.

code-an-email-newsletter-subscription-system-with-node-express-nodemailer

Learn how to code an email newsletter subscription system with Node, Express, and Nodemailer. Users will subscribe with their email address, verify their email address, and then receive newsletter emails. Users can also unsubscribe at any time.

connect-a-custom-react-app-to-express

Learn to connect a custom built React application to an Express server, how to serve up a custom React application with Express, and how to build a React app from scratch with Webpack.

connect-a-node-server-to-postgres-with-docker-compose

Learn how to connect a Node server to a Postgres database using Docker Compose. We will also go over Docker Compose healthchecks, initialization scripts, and the pg npm library.

connect-a-react-app-to-nginx-reverse-proxy-for-node-server-with-docker-compose

Learn how to connect a custom React app to an Nginx reverse proxy for a Node server with Docker Compose. We will create the React app from scratch using Webpack and Express. We will also learn how to handle CORS related issues with Nginx.

connect-create-react-app-to-express

Create react app connected to express

connect-node-to-mongodb-with-docker-and-docker-compose

Learn how to connect a Node server to a MongoDB database using Docker and Docker Compose. We will also learn about creation scripts, how to handle node_modules with Docker, and more.

create-a-chrome-extension-with-react-and-webpack

Learn how to create a chrome extension with React and Webpack. We will also set up Webpack to build our content and background scripts, use the chrome.tabs API to communicate between our popup and content script, and more.

create-a-chrome-extension-with-typescript

Learn how to create a Chrome extension with TypeScript and transpile it down to JavaScript to load as a Chrome extension.

create-a-chrome-extension-with-typescript-react-and-webpack

Learn how to create a chrome extension with TypeScript, React, and Webpack. We will also set up Webpack to build our content and background scripts, use the chrome.tabs API to communicate between our popup and content script, and more.

create-a-live-stream-with-nginx-and-ffmpeg-using-hls-rtmp-and-docker-compose

Learn how to create a live stream with Nginx and FFmpeg using HLS, RTMP, and Docker Compose. We will also go over what HLS is, what RTMP is, and how they work.

create-a-load-balancer-with-nginx-for-node-servers-using-docker-compose

Learn how to create a load balancer with Nginx for Node servers using Docker Compose. We will go over what a load balancer is, the Nginx upstream directive, docker volumes, and more.

create-a-login-form-using-html-and-css

Create a login form using HTML and CSS. We will learn about flexbox, importing external CSS files, and more.

create-a-navbar-using-html-and-css

Learn how to create a navbar using HTML and CSS. We will also learn about CSS resets, flexbox, and the header and nav HTML elements.

create-a-nginx-reverse-proxy-for-a-node-server-with-docker-compose

Create a Nginx reverse proxy for a Node server application with Docker and Docker Compose. We will also learn how to work with environment variables in Nginx, Docker, and Node.

create-a-react-app-with-routing-from-scratch-with-express

Learn to how to create a React App with routing from scratch using Express, Webpack, and React Router. We will also learn about client side vs server side routing in single page applications.

create-a-react-app-with-typescript-and-webpack

A React application created with webpack and TypeScript.

create-a-react-app-without-create-react-app

A react application made using webpack.

create-a-react-typescript-app-from-scratch

Learn how to create a TypeScript React app from scratch using Webpack and Babel. We will not use create-react-app or vite.

create-a-typescript-app

Learn how to create a TypeScript app, what TypeScript is, how it is different and similar to JavaScript, how to configure the TypeScript compiler with tsconfig.json, and how to install TypeScript.

create-a-typescript-app-with-webpack

Learn how to create a TypeScript app using Webpack. We will also go over some useful tsconfig.json options and how to use them.

create-an-express-app-with-typescript

Learn how to create an Express application with TypeScript.

dockerizing-a-react-app-for-development-and-production

A React application wrapped in a docker container for development and production.

dockerizing-an-express-app-for-development-and-production

Learn how to use Docker to build and run Express applications in development and production.

express-authentication-with-jwts

Learn how to add protected routes to an express app by using JWT authentication. Specifically, we will be using the jsonwebtoken library from npm.

express-refresh-and-access-token-authentication

Learn how to use refresh tokens and access tokens to add authentication and authorization to an Express app. We will use the libraries jsonwebtoken and cookie-parser and will also go over the security benefits of refresh and access tokens.

google-homepage

This is a recreation of the Google homepage using HTML and CSS. This page is responsive.

hapi-tutorial

hot-reload-a-typescript-app-inside-docker

Learn how to create a TypeScript app from scratch inside a Docker container. The TypeScript app will have live reloading using Docker volumes, nodemon, and ts-node.

how-to-access-a-webcam-and-record-video-with-javascript

Learn how to access a webcam and record video using JavaScript. Learn about the JavaScript window object, MediaRecord, and navigator.