https://github.com/adrianhajdin/project_chat_application

This is a code repository for the corresponding YouTube video. In this tutorial we are going to build and deploy a real time chat application. Covered topics: React.js, Node.js, Express.js, and Socket.io.
https://github.com/adrianhajdin/project_chat_application

react react-hooks react-project reactjs

Last synced: about 1 month ago
JSON representation

This is a code repository for the corresponding YouTube video. In this tutorial we are going to build and deploy a real time chat application. Covered topics: React.js, Node.js, Express.js, and Socket.io.

• Host: GitHub
• URL: https://github.com/adrianhajdin/project_chat_application
• Owner: adrianhajdin
• Created: 2019-08-28T19:10:07.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2024-08-10T13:20:45.000Z (3 months ago)
• Last Synced: 2024-09-28T14:42:43.459Z (about 2 months ago)
• Topics: react, react-hooks, react-project, reactjs
• Language: JavaScript
• Homepage: https://www.jsmastery.pro
• Size: 454 KB
• Stars: 3,969
• Watchers: 36
• Forks: 1,528
• Open Issues: 86
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
# Realtime Chat Application

### [Live Site](https://realtime-chat-application.netlify.com)

### [🌟 Become a top 1% Next.js 13 developer in only one course](https://jsmastery.pro/next13)

### [🚀 Land your dream programming job in 6 months](https://jsmastery.pro/masterclass)

![Chat Application](https://i.ytimg.com/vi/ZwFA3YMfkoc/maxresdefault.jpg)

## Introduction

This is a code repository for the corresponding video tutorial. 

In this video, we will create a full Realtime Chat Application. We're going to use  React on the front end, with NodeJS + Socket.io web socket library on the back end. 

By the end of this video, you will have a strong understanding of how to send and receive messages using web sockets and Socket.io to make any real-time application.

## Launch your development career with project-based coaching - https://www.jsmastery.pro

Setup:

- run ```npm i && npm start``` for both client and server side to start the development server