Skip to content

using react, node, ant-designs, and socket to create a live chat app

Notifications You must be signed in to change notification settings

masterfung/socket-chat-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Real-time ChatRoom App


Introduction

Using Node, React, Ant Design, Socket.io to create a real-time chat application.

Directions

First, pull this and save a copy of this project to your computer. Next, make sure you have two terminals open. Change the direction for one of them to be under the folder client and the other being server. Inside both of them, run npm install and then npm run start.

Features

This chat app has two default rooms users can join, #random and #general. If none of these works for them, they can click New and type in a name. Whenever a user joins the chat, the System announces to the room of a new user. The System also announces when a user leaves the room. Emojis are translated after hitting sent thanks to the React-Emoji npm package. At any given time, users in the room can see who is in the chat room.

  • Live chatting with others
  • Default rooms (General and Random)
  • System announcements
  • Emoji parsing
  • Beautiful UI with Ant
  • Room stats
  • Application errors (for duplicate user names)

Open Source Attribution

  1. Node
  2. React JS
  3. Express
  4. Socket IO
  5. Ant Design
  6. React Emoji

About

using react, node, ant-designs, and socket to create a live chat app

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published