- create-react-app
- create website layout
- create chat box on home page
- create admin support page
- create socket.io server
- implement user login on socket.io
- implement send message
- implement receive message
Chat with admin
open http://localhost:3000
click on Chat with us
send message to admin
Admin dashboard
open http://localhost:3000/admin
select user in left panel
send message to user
Features:
beautiful UI by react bootstrap
display chat button on public website to start chat
browse website while chatting with admin
pause/resume chat with admin
display admin dashoard
show all users with their status (online, offline, new message)
enable live chat with selected user
flag new messages from online users
support multiple users from one single page by admin