Overview
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.
Syllabus
- 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
Taught by
Web Dev Simplified
Reviews
5.0 rating, based on 1 Class Central review
Showing Class Central Sort
-
good learning . the lesson is great and understandable . i want to learn more from this it is v very interesting and i so like it. thank you for this lesson