33,394 views
In this video, we'll learn how to create a real-time chat using basically pure JavaScript and put it online for free! Yes, you'll be able to chat with your friends using your own online chat! Project repository: https://github.com/manualdodev/chat Share your project and brand on Manual do Dev's LinkedIn: /manualdodev Summary of what you'll learn with this video: In this video, we'll create a simple backend using Node.js and we'll develop a frontend using HTML, CSS and pure JavaScript. Then, we'll connect the two. We'll create beautiful, stylized components using pure CSS and manipulate them dynamically through our JavaScript! In the end, we'll deploy our backend and frontend for free! Video steps: 00:00:00 - Project introduction and demo 00:02:11 - Framework, tools and prerequisites 00:04:24 - Backend 00:17:20 - Frontend: HTML and CSS 00:49:19 - Frontend: JavaScript 01:29:58 - Deploy #javascript #html #css #websocket