How to Create a Messaging App with Socket.io and React

Learn how to build a messaging app similar to WhatsApp using Socket.io and React in this comprehensive tutorial video. Explore key concepts such as creating custom React hooks and contexts, implementing Socket.io for real-time communication, and developing essential features like login, contact management, and message sending. Follow along as the instructor guides you through setting up the project, creating the user interface, and integrating server-side functionality. Gain hands-on experience in building a fully functional messaging application while mastering important React and Socket.io techniques.

- Introduction
- Demo
- Code Setup
- Login Page
- Custom Local Storage Hook
- Dashboard
- Sidebar
- Create Contact Modal
- Contact Context
- Contacts Sidebar
- Conversation Modal
- Conversation Context
- Conversation Sidebar
- Current Conversation Component
- Send Message
- Displaying Messages
- Server Setup
- Socket.io On Client
- Outro