REACT CHAT APP || PART - 30 (Building Chat List)
Get 10,000 free mins to build chat app: https://bit.ly/3HLxihs
UIKits for Beginners: https://bit.ly/3XaFBIY
Learn more about ZEGOCLOUD: https://bit.ly/3wYFBBx
Welcome to the Modern Complete Chat App, which will help you master concepts of Modern Web Development by Building Real World Production Grade App.
For any queries regarding code: / discord (Join our Discord Community)
Features of this Application:
1. one-to-one chat
2. Group Chat
3. Audio Calling
4. Video Calling
5. Stories/Updates
6. Light/Dark Mode
7. Fully Responsive
8. Multiple Color Presets
9. Authentication (Login/Register)
10. Settings
Tech Stack:
Frontend: React v18, Mui v5, Redux
Backend: NodeJs, ExpressJS, MongoDB, Mongoose, Socket.io, ZEGOCLOUD WebRTC API
Deployment Stack: AWS EC2, S3
In this part of this series, you'll learn the following:
- Advanced React Best Practices, such as folder & file structure.
- Advanced State Management of the entire application using React Context API
- You’ll learn how to create Modern User Interfaces using MUI CSS
- You’ll learn how to setup advanced routing in React
💼 Business Inquiries: [email protected]
📚 Materials/References:
Latest Frontend Code: https://github.com/codingmonk-yt/chat...
Latest Backend Code: https://github.com/codingmonk-yt/Chat...
Starter GitHub Code (give it a star ⭐): https://github.com/codingmonk-yt/chat...
Figma Design: https://www.figma.com/file/cX28GcBPy6...
Phosphor Icons: https://phosphoricons.com
#react #chatapp #reactproject #mernstack