GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects β†’ adrianhajdin β†’ Project_chat_application

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.

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Labels

reactreactjsreact-projectreact-hooks

Projects that are alternatives of or similar to Project chat application

React-Chat-App
This is a real time chat application with features of online status,read receipnt,image support and create multiple rooms
Stars: ✭ 13 (-99.56%)
Mutual labels:  react-project, react-hooks
Use Http
🐢 React hook for making isomorphic http requests
Stars: ✭ 2,066 (-30.34%)
Mutual labels:  react-hooks
React Hooks Testing Library
🐏 Simple and complete React hooks testing utilities that encourage good testing practices.
Stars: ✭ 4,146 (+39.78%)
Mutual labels:  react-hooks
React Native Firebase
πŸ”₯ A well-tested feature-rich modular Firebase implementation for React Native. Supports both iOS & Android platforms for all Firebase services.
Stars: ✭ 9,674 (+226.16%)
Mutual labels:  react-hooks
Easy Peasy
Vegetarian friendly state for React
Stars: ✭ 4,525 (+52.56%)
Mutual labels:  react-hooks
Hooks
A high-quality & reliable React Hooks library.
Stars: ✭ 7,841 (+164.36%)
Mutual labels:  react-hooks
Wouter
πŸ₯’ A minimalist-friendly ~1.5KB routing for React and Preact. Nothing else but HOOKS.
Stars: ✭ 3,654 (+23.2%)
Mutual labels:  react-hooks
React Form
βš›οΈ Hooks for managing form state and validation in React
Stars: ✭ 2,270 (-23.47%)
Mutual labels:  react-hooks
React Firebase Hooks
React Hooks for Firebase.
Stars: ✭ 2,227 (-24.92%)
Mutual labels:  react-hooks
Awesome React Hooks
Awesome React Hooks
Stars: ✭ 7,616 (+156.78%)
Mutual labels:  react-hooks
Formik
Build forms in React, without the tears 😭
Stars: ✭ 29,047 (+879.33%)
Mutual labels:  react-hooks
Beautiful React Hooks
πŸ”₯ A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development πŸ”₯
Stars: ✭ 5,242 (+76.74%)
Mutual labels:  react-hooks
React Cloud Music
React 16.8ζ‰“ι€ η²ΎηΎŽιŸ³δΉWebApp
Stars: ✭ 1,722 (-41.94%)
Mutual labels:  react-hooks
React Hook Form
πŸ“‹ React Hooks for form state management and validation (Web + React Native)
Stars: ✭ 24,831 (+737.19%)
Mutual labels:  react-hooks
Haunted
React's Hooks API implemented for web components πŸ‘»
Stars: ✭ 2,197 (-25.93%)
Mutual labels:  react-hooks
Constate
React Context + State
Stars: ✭ 3,519 (+18.64%)
Mutual labels:  react-hooks
React Adaptive Hooks
Deliver experiences best suited to a user's device and network constraints
Stars: ✭ 4,750 (+60.15%)
Mutual labels:  react-hooks
Graphql Hooks
🎣 Minimal hooks-first GraphQL client
Stars: ✭ 1,610 (-45.72%)
Mutual labels:  react-hooks
Fre
πŸ‘» Tiny Footprint Concurrent UI library for Fiber.
Stars: ✭ 3,195 (+7.72%)
Mutual labels:  react-hooks
Mobx React Lite
Lightweight React bindings for MobX based on React 16.8 and Hooks
Stars: ✭ 2,096 (-29.33%)
Mutual labels:  react-hooks
View All Similar Projects βž”

Realtime Chat Application

Live Site

Chat Application

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.

Stay up to date with new projects

New major projects coming soon, subscribe to the mailing list to stay up to date https://javascriptmastery.eo.page/mailing-list.

Setup:

  • run npm i && npm start for both client and server side to start the development server
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].