WittCode
WittCode
  • Видео 247
  • Просмотров 1 640 437
Create a Login Signup Website with HTML CSS Node
Learn how to create a login and signup website using HTML, CSS, and Node. We will learn about traditional sessions, hashing and storing passwords securely, serving static content, and more.
👩‍💻 Download Code 👨‍💻
wittcode.com
🛜 Download My Chrome Extension 🛜
chromewebstore.google.com/detail/wittcepter/almcnacncageamimacljglnjcpjfogbj
💻 Compare Laptop Specs 💻
laptopspectable.com
🔴 Rare Pokemon Cards ⚪️
rarepokemoncards.com
👻 90s Nostalgia 👻
goosebumpsforsale.com
⌛ Timestamps ⌛
0:00 - Introduction
0:13 - Project Demonstration
1:16 - Project Setup and Package Installation
2:55 - Environment Variable Setup
3:31 - Bootstrapping Express with Global Middleware
5:25 - Handling GET /
6:53 - Handling Users
8:30 - Gene...
Просмотров: 109

Видео

How to Backup and Restore Docker Volumes
Просмотров 11021 день назад
Learn how to backup and restore Docker volumes. Specifically, we will backup a Postgres Database using Docker volumes 👩‍💻 Download Code 👨‍💻 wittcode.com 🛜 Download My Chrome Extension 🛜 chromewebstore.google.com/detail/wittcepter/almcnacncageamimacljglnjcpjfogbj 💻 Compare Laptop Specs 💻 laptopspectable.com 🔴 Rare Pokemon Cards ⚪️ rarepokemoncards.com 👻 90s Nostalgia 👻 goosebumpsforsale.com ⌛ Ti...
How to Accept Payments with Stripe and Express
Просмотров 13328 дней назад
Learn how to accept payments with Stripe Checkout, Stripe's prebuilt form, using Express. We will also go over creating Stripe Products, Prices, and Checkout Sessions using the Stripe API. Checkout docs.stripe.com/payments/checkout Secret Key dashboard.stripe.com/test/apikeys Products dashboard.stripe.com/test/products Install Stripe CLI github.com/stripe/stripe-cli 👩‍💻 Download Code 👨‍💻 wittco...
Stripe Webhooks Tutorial
Просмотров 13828 дней назад
Learn what Stripe Webhooks are and how to work with them on localhost. We will demonstrate Webhooks using Express and the Stripe CLI. Create a Stripe Webhook dashboard.stripe.com/test/webhooks Install Stripe CLI github.com/stripe/stripe-cli 👩‍💻 Download Code 👨‍💻 wittcode.com 🛜 Download My Chrome Extension 🛜 chromewebstore.google.com/detail/wittcepter/almcnacncageamimacljglnjcpjfogbj 💻 Compare L...
How to Connect Node to Stripe
Просмотров 62Месяц назад
Learn how to connect a Node application to Stripe using the Stripe API. We will also go over the Stripe developer dashboard, how to create a Stripe customer, and the Stripe publishable key vs. secret key. Stripe Website stripe.com Stripe API Keys dashboard.stripe.com/test/apikeys Stripe Customers dashboard.stripe.com/test/customers 👩‍💻 Download Code 👨‍💻 wittcode.com 🛜 Download My Chrome Extensi...
How to Convert an MP4 to MP3 using FFmpeg in Docker
Просмотров 137Месяц назад
Learn how to convert an MP4 to an MP3 using FFmpeg inside a Docker container. We will also learn how to copy files from a Docker container to a host machine, what FFmpeg is, and what Docker build arguments are. 👩‍💻 Download Code 👨‍💻 wittcode.com 🛜 Download My Chrome Extension 🛜 chromewebstore.google.com/detail/wittcepter/almcnacncageamimacljglnjcpjfogbj 💻 Compare Laptop Specs 💻 laptopspectable....
Create a React Typescript App FROM SCRATCH
Просмотров 128Месяц назад
Learn how to create a TypeScript React app from scratch using Webpack and Babel. We will not use create-react-app or vite. 👩‍💻 Download Code 👨‍💻 wittcode.com 🛜 Download My Chrome Extension 🛜 chromewebstore.google.com/detail/wittcepter/almcnacncageamimacljglnjcpjfogbj 💻 Compare Laptop Specs 💻 laptopspectable.com 🔴 Rare Pokemon Cards ⚪️ rarepokemoncards.com 👻 90s Nostalgia 👻 goosebumpsforsale.com...
How to Add Modules to Nginx Docker Image
Просмотров 117Месяц назад
Learn how to add modules like RTMP, Lua, etc. to Nginx using the official Nginx Docker image. We will also go over Docker build arguments and how to use them. Dockerfile URL raw.githubusercontent.com/nginxinc/docker-nginx/master/modules/Dockerfile 👩‍💻 Download Code 👨‍💻 wittcode.com 🛜 Download My Chrome Extension 🛜 chromewebstore.google.com/detail/wittcepter/almcnacncageamimacljglnjcpjfogbj 💻 Co...
Create a Live Stream with Nginx and FFmpeg using HLS RTMP and Docker Compose
Просмотров 379Месяц назад
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. Dockerfile URL raw.githubusercontent.com/nginxinc/docker-nginx/master/modules/Dockerfile 👩‍💻 Download Code 👨‍💻 wittcode.com 🛜 Download My Chrome Extension 🛜 chromewebstore.google.com/detail/wittcepter/almcnacncageamimacljglnjcpjfogbj 💻 C...
Login with Google using Express and googleapis
Просмотров 180Месяц назад
Learn how to log a user into an application using Node, Express, and the googleapis npm library. We will also learn what OAuth 2.0 is, how it relates to OpenID connect, what refresh, access, and ID tokens are, and more. Google Cloud Console URL: console.cloud.google.com/apis/credentials 👩‍💻 Download Code 👨‍💻 wittcode.com 🛜 Download My Chrome Extension 🛜 chromewebstore.google.com/detail/wittcept...
How to Setup SSH Key Based Authentication with Ubuntu Server
Просмотров 139Месяц назад
Learn how to setup SSH key based authentication with an Ubuntu server. We will also go over why SSH key authentication is more secure than password authentication, how to disable password authentication, and managing keys with SSH agents. 👩‍💻 Download Code 👨‍💻 wittcode.com 🛜 Download My Chrome Extension 🛜 chromewebstore.google.com/detail/wittcepter/almcnacncageamimacljglnjcpjfogbj 💻 Compare Lap...
How to Upload Images with Express
Просмотров 102Месяц назад
Learn how to upload images to an Express server using the Multer middleware. We will also learn how to handle HTML forms with Express, different types of HTML form data encodings, and how to serve up static content with Express. 👩‍💻 Download Code 👨‍💻 wittcode.com 🛜 Download My Chrome Extension 🛜 chromewebstore.google.com/detail/wittcepter/almcnacncageamimacljglnjcpjfogbj 💻 Compare Laptop Specs ...
How to Serve Up an SPA with Nginx
Просмотров 155Месяц назад
Learn how to serve up an SPA with Nginx. We will also go over what a single page application is and how to use the Nginx try_files directive. 👩‍💻 Download Code 👨‍💻 wittcode.com 🛜 Download My Chrome Extension 🛜 chromewebstore.google.com/detail/wittcepter/almcnacncageamimacljglnjcpjfogbj 💻 Compare Laptop Specs 💻 laptopspectable.com 🔴 Rare Pokemon Cards ⚪️ rarepokemoncards.com 👻 90s Nostalgia 👻 go...
How to Reload Nginx Configuration Periodically with Docker
Просмотров 83Месяц назад
Learn how to create a bash script to periodically reload Nginx inside a Docker container. This is useful for handling periodic SSL certificate updates. 👩‍💻 Download Code 👨‍💻 wittcode.com 🛜 Download My Chrome Extension 🛜 chromewebstore.google.com/detail/wittcepter/almcnacncageamimacljglnjcpjfogbj 💻 Compare Laptop Specs 💻 laptopspectable.com 🔴 Rare Pokemon Cards ⚪️ rarepokemoncards.com 👻 90s Nost...
How to Send User Activity Email with Cron Nginx and Docker Compose
Просмотров 189Месяц назад
Learn how to send an email from a Gmail account that contains user activity and errors from Nginx using Cron and Docker Compose. We will also learn about best practices when it comes to multiple processes in a Docker container, how Cron loads environment variables, and more. 👩‍💻 Download Code 👨‍💻 wittcode.com 🛜 Download My Chrome Extension 🛜 chromewebstore.google.com/detail/wittcepter/almcnacnc...
Nginx Access and Error Logs
Просмотров 100Месяц назад
Nginx Access and Error Logs
Docker Readonly and Read/Write Volumes
Просмотров 61Месяц назад
Docker Readonly and Read/Write Volumes
Chrome Extension chrome.action API
Просмотров 208Месяц назад
Chrome Extension chrome.action API
How to Run a Cron Job Inside a Docker Container
Просмотров 548Месяц назад
How to Run a Cron Job Inside a Docker Container
Express Authentication with JWTs
Просмотров 138Месяц назад
Express Authentication with JWTs
Chrome Extension Service Workers
Просмотров 260Месяц назад
Chrome Extension Service Workers
How to Send an Email from a Gmail Account using Ubuntu Command Line
Просмотров 292Месяц назад
How to Send an Email from a Gmail Account using Ubuntu Command Line
Connect a React App to Nginx Reverse Proxy for Node Server with Docker Compose
Просмотров 463Месяц назад
Connect a React App to Nginx Reverse Proxy for Node Server with Docker Compose
Create a React App with Routing from Scratch with Express
Просмотров 171Месяц назад
Create a React App with Routing from Scratch with Express
How to Generate SSL Certificates with Let's Encrypt on Ubuntu
Просмотров 233Месяц назад
How to Generate SSL Certificates with Let's Encrypt on Ubuntu
Restarting Containers with Docker Compose
Просмотров 1392 месяца назад
Restarting Containers with Docker Compose
Create a TypeScript App with Webpack
Просмотров 1302 месяца назад
Create a TypeScript App with Webpack
Create a Load Balancer with Nginx for Node Servers using Docker Compose
Просмотров 6242 месяца назад
Create a Load Balancer with Nginx for Node Servers using Docker Compose
Ubuntu VPS Setup SSL with Nginx using Let's Encrypt
Просмотров 2392 месяца назад
Ubuntu VPS Setup SSL with Nginx using Let's Encrypt
Connect Node to OpenAI
Просмотров 1292 месяца назад
Connect Node to OpenAI

Комментарии

  • @ShubhamSudame
    @ShubhamSudame 13 часов назад

    Nice explanation. Are there any sources, where we could get more information about extending the lifetime of service worker, if we wish to handle network calls that take more than 30 seconds?

  • @kiyimbafahad6169
    @kiyimbafahad6169 21 час назад

    Your content will always stand out! The way you concisely and precisely describe each step....❤🎉

  • @avihayasraf2404
    @avihayasraf2404 День назад

    Thank you for a very demonstrative video. I've been looking at different manuals/guides for how to set up a simple demo with server components, and jeez most of those guides are not very good. some work with very very experimental packages or with next.js and create react app and ect. This is the only guide i came across that only requires express & webpack and it works. Thanks.

  • @Jaa1711
    @Jaa1711 День назад

    Thank you so much..!

  • @Ahmed-vn6fd
    @Ahmed-vn6fd День назад

    Just curious though, what is the benefit of using TypeScript and React for developing Chrome extension?

    • @WittCode
      @WittCode День назад

      You can make some fairly large chrome extensions. My chrome extension has multiple pages!

  • @parhamyadollahi6279
    @parhamyadollahi6279 2 дня назад

    import java.util.*; public class Main { public static <T extends Number & Comparable<T>> List<T> getLowestThreeUniqueValues(List<T> numbers) { // Create a TreeSet to store unique values in ascending order TreeSet<T> uniqueValues = new TreeSet<>(numbers); // Create a list to store the lowest three unique values List<T> lowestThree = new ArrayList<>(); // Add the lowest three unique values to the list int count = 0; for (T value : uniqueValues) { lowestThree.add(value); count++; if (count == 3) { break; } } return lowestThree; } public static void main(String[] args) { List<Integer> integers = Arrays.asList(5, 2, 8, 1, 3, 4, 2, 1); List<Double> doubles = Arrays.asList(3.5, 1.2, 4.8, 2.1, 1.2, 3.5); System.out.println(getLowestThreeUniqueValues(integers)); // [1, 2, 3] System.out.println(getLowestThreeUniqueValues(doubles)); // [1.2, 2.1, 3.5] } }

  • @mohamedshahrul1750
    @mohamedshahrul1750 2 дня назад

    i cant find "docker explained video" from ur channel. i want u explain about dokcers please.

  • @mahmoudsamy8366
    @mahmoudsamy8366 3 дня назад

    You are really doing great, just simple and telling why for everything we need. Thank you so much for that. Really thankful

  • @Tygelin86
    @Tygelin86 4 дня назад

    Great tutorial!

  • @parvathysajeev9897
    @parvathysajeev9897 4 дня назад

    Great Explanation, Thank you.

  • @ktz440
    @ktz440 4 дня назад

    when I execute the command docker compose --env-file . env up I make this mistake. docker compose --env-file .env up time="2024-06-28T20:57:48+02:00" level=warning msg="C:\\Users\\path\\Documents\\path\\liveStreamTest\\docker-compose.yaml: version is obsolete" error during connect: Get "%2F%2F.%2Fpipe%2FdockerDesktopLinuxEngine/v1.45/containers/json?all=1&filters=%7B%22label%22%3A%7B%22com.docker.compose.config-hash%22%3Atrue%2C%22com.docker.compose.project%3Dlivestreamtest%22%3Atrue%7D%7D": open //./pipe/dockerDesktopLinuxEngine: The system cannot find the file specified. I don’t know how to solve this

  • @karthikraj9394
    @karthikraj9394 5 дней назад

    hi will it work on application which uses framer motion?

  • @omarelrafhi9595
    @omarelrafhi9595 6 дней назад

    Good and clear presentation 👍

  • @arsamhashempour8156
    @arsamhashempour8156 6 дней назад

    THAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANK YOU A LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOT

  • @marcelputter6769
    @marcelputter6769 6 дней назад

    Hi I'm mining through a node using docker. So my question is where should my docker volumes etc file point to, as my mining gets stuck at block number 1

  • @UninspiredFilm5
    @UninspiredFilm5 7 дней назад

    THIS IS SO COOL! And I managed to reinforce sockets, IO, AND threads ALL AT ONCE <3

  • @stay-motivated23
    @stay-motivated23 7 дней назад

    thanks man save our life

  • @blind_judiciary
    @blind_judiciary 8 дней назад

    why my ip is shown as ::1 ?

    • @WittCode
      @WittCode 8 дней назад

      Thats an IPV6 address. Same as 127.0.0.1 (IPV4) but for IPV6

    • @blind_judiciary
      @blind_judiciary 6 дней назад

      @@WittCode Oh, I see. What do I do to change it to IPV4?

  • @S_Nayana
    @S_Nayana 8 дней назад

    Perfect!!!

  • @wagnermaciel4541
    @wagnermaciel4541 9 дней назад

    Awesome content! Keep it up, it's been helping a lot. Thanks from Brazil 🙂

  • @valentinooliphant8682
    @valentinooliphant8682 9 дней назад

    Hi everyone, I just got this video now... WittCode, I am a Java developer developing a point-of-sale system. look man this video was very essential but for a POS System how do things work is it the same, I have a server computer for the back office and a client computer for the front-end. this could be too much, I developed both my back office and front-end in the same computer but i figure there is a huge need to separate the two, can you help me with this one🙏

  • @huzaifa6466
    @huzaifa6466 9 дней назад

    Can't find it on ur website 😢

  • @GiannisBak
    @GiannisBak 10 дней назад

    thanks a lot

  • @snk-js
    @snk-js 11 дней назад

    very gooood!

  • @brandyn6124
    @brandyn6124 12 дней назад

    For anybody following along, if you have been separating your Models in separate files, you will need to create a new file (which I named associations.js in my models folder), and defined the associations in that file. Afterwards, export those models in that file. Then in index.js, or wherever you run the file, you will import those Models from the association file.

  • @coderlicious6565
    @coderlicious6565 13 дней назад

    Great demonstration. I'm having to use webpack for my extension, because i'm needing to use the Notion api npm package for my extension. One confusion, and I understand if you're not able to get to this question. You're using src/index.html as the popup, which refers to react.js. So this is already created by yourself. But not understanding the: new HtmlWebpackPlugin({ template: './src/index.html' }), And your explanation above, on your blog is: "The html-webpack-plugin creates an HTML file to place our bundled JavaScript code into". Do you actually need this entry in your webpack config file ? I always thought of this webpack plugin template reference as something needed to include all of the js files, but you only need to reference the react.js in this.

    • @WittCode
      @WittCode 12 дней назад

      Hey there! If you don't supply a template file to the HTML webpack plugin then it will create one itself and place the bundled code inside. I just like to use a template as I like to see the HTML file as opposed to it "coming out of nowhere" if that makes sense!

    • @coderlicious6565
      @coderlicious6565 12 дней назад

      @@WittCode Yes that makes sense. Thank you. I'm using regular js ( though I want to use react for next one ), and i really didn't need an index.html in root since my extension only launches when you right click something on a page. So I just left that template setting in there for now. It all works amazing - I used every single step from your web page and boom, extension working with webpack now, so thanks again.

  • @mik5686
    @mik5686 13 дней назад

    Is there any good tutorial for capturing and resending modified requests or source code of such extensions? Rn Im working on one and it seems pretty hard to find those

  • @2ru2pacFan
    @2ru2pacFan 13 дней назад

    Thanks Gordon Ramsay.

    • @WittCode
      @WittCode 12 дней назад

      haha not the first time ive gotten that!

    • @2ru2pacFan
      @2ru2pacFan 12 дней назад

      @@WittCode you honestly look like his younger brother lol

  • @ahmedmaged6832
    @ahmedmaged6832 13 дней назад

    great exercise

  • @AmanSingh-yy4fn
    @AmanSingh-yy4fn 14 дней назад

    nice explanation !

  • @RenukeshDeshpande
    @RenukeshDeshpande 16 дней назад

    Not working at my end , the log file is unchanged when i enter into the container i see like this # cd var # cd log # pwd /var/log # ld -l /bin/sh: 4: ld: not found # ls -l total 260 lrwxrwxrwx 1 root root 39 Jun 17 07:56 README -> ../../usr/share/doc/systemd/README.logs -rw-r--r-- 1 root root 4508 May 30 02:06 alternatives.log drwxr-xr-x 1 root root 4096 Jun 17 07:55 apt -rw-r--r-- 1 root root 61229 May 30 02:03 bootstrap.log -rw-rw---- 1 root utmp 0 May 30 02:03 btmp drwxr-xr-x 5 root root 4096 Jun 17 07:51 cron.log -rw-r--r-- 1 root root 29 Jun 17 11:07 'cron.log'$' ' -rw-r--r-- 1 root root 165221 Jun 17 07:56 dpkg.log -rw-r--r-- 1 root root 0 May 30 02:03 faillog drwxr-sr-x+ 2 root systemd-journal 4096 Jun 17 07:56 journal -rw-rw-r-- 1 root utmp 0 May 30 02:03 lastlog drwx------ 2 root root 4096 Jun 17 07:56 private -rw-rw-r-- 1 root utmp 0 May 30 02:03 wtmp

  • @vicky3333ful
    @vicky3333ful 20 дней назад

    Thankyou! This video solved my init db problem.

  • @thiagocosme242
    @thiagocosme242 20 дней назад

    Good job, i need code with python

  • @nikolapilipovic2552
    @nikolapilipovic2552 21 день назад

    can someone explain how to run this in CMD like he did in the beginning please?

  • @atk65223
    @atk65223 22 дня назад

    Thanks for your work. Having the sample deployed somewhere would be really helpful :)

  • @pelumiodus5979
    @pelumiodus5979 24 дня назад

    Great video man! Thanks for also explaining what you were installing and their use.

  • @edunjobiemmanuel4200
    @edunjobiemmanuel4200 25 дней назад

    Thanks for this

  • @garfieldnate
    @garfieldnate 25 дней назад

    Very nice! Would you mind sharing the code on GitHub?

  • @seanwhitty3218
    @seanwhitty3218 26 дней назад

    my name is Sean Whitty, and i approve of Witt code, really helped my understanding of sequelized!

  • @samjacker
    @samjacker 26 дней назад

    keep going G

  • @petemoss3160
    @petemoss3160 27 дней назад

    5:23 dynamic vs static - that's what did it for me, i'm working on a dynamic modules system this makes me feel like cjs is going to be cleaner, but i'll have to play around with the dynamic-import promise to get a feel for which will suit my flow better. thanks!

    • @WittCode
      @WittCode 26 дней назад

      Glad it helped!

  • @nguyenvutuongk16_hcm11
    @nguyenvutuongk16_hcm11 27 дней назад

    your express tutorial very helpful to me, thank you so much. thank you. I hope you are always healthy to produce more quality videos.

  • @welcomeotp
    @welcomeotp 27 дней назад

    post selecting 2-factor auth, I am not seeing the APP options.. is there some change in google setting.

    • @WittCode
      @WittCode 26 дней назад

      Hey there! Did you try what is in the pinned comment?

  • @user-bk2xn5ei1e
    @user-bk2xn5ei1e 28 дней назад

    thanks, like your learning style would you plz, continue the sequelize tutorial for advanced topic

  • @sleepless1566
    @sleepless1566 Месяц назад

    thanks a lot!

  • @samjacker
    @samjacker Месяц назад

    man , you are a legend keep going

  • @Gwittdog
    @Gwittdog Месяц назад

    as a Greg Witt. I appreciate the name dude. Great Video so far.

  • @derboss66
    @derboss66 Месяц назад

    Nice explanation thx :)

  • @ilya9481
    @ilya9481 Месяц назад

    Thanks. Actually helpful.