Make Web Chat App Front-End with React

Steps

• Step 1. Introduction
  • 1.1 Preparation
  • 1.2 Objectives
• Step 2. Development
  • 2.1 Create React Project
  • 2.2 UI Layout
  • 2.3 Socket.IO Connection
  • 2.4 One-on-One Chat
  • 2.5 Group Chat: Create Group
  • 2.6 Group Chat: Group Messages
  • 2.7 Notifications
  • 2.8 Add Sounds
  • 2.9 Dockerfile
  • 2.10 Next Steps