Building Real Time Chat App with Chat Engine IO & Socket IO

Welcome to Building Realtime Chat App with Chat Engine IO & Socket IO course. This is an extensive project based course where you will learn step by step on how to build and design a fully functioning real time chat app just like Whatsapp or Facebook messengers. To build the chat app, we are going to use Javascript programming language alongside with websocket which will enable real time delivery messages and also Chat Engine IO which is a chat API that enables developers to integrate real-time chat to their website . In the introduction session, you will learn the basic fundamentals of web socket and get to know more about the chat app project that you are going to build. We are going to specifically talk about use cases and main features of real time chat apps. Then, in the next session, you will extensively learn about how websocket actually works, specifically, you will learn about interaction between server and client. Once, you have learnt all necessary knowledge about real time chat app and websocket, then, you will enter the main section of the course which is the project section, firstly, you will be guided step by step on how to set up your IDE, in this case, we are going to use VS Code as the IDE. Afterward, you will also learn step by step on how to set up a Chat Engine IO account and learn more about its documentation. Once everything is ready, we are going to get started building the real time chat app, the project section is consisted of two main parts, in the first part you will build a real time chat app using Chat Engine IO, meanwhile, in the second part, you will build real time chat app using Socket IO. Then, once the real time chat app has been built, we are going to be conducting testing on the app to make sure that it has been fully functioning and it has a friendly user interface. This course will be focusing on four main testing objectives, those are functionality testing, user experience testing, performance testing, and compatibility testing. Lastly, at the end of the course, we are going to talk about future enhancement and additional feature ideas to make the chat app even better, such as adding end to end encryption feature, adding screen sharing feature, adding voice and video calling features.

First of all, before getting into the course, we need to ask this question to ourselves: why should we build a real time chat app? Don’t you think the market for this particular product has been oversaturated since almost all social media platforms already have their own versions of chat app or direct messenger feature? Well, here is my answer, obviously building your own real time chat app is not intended to compete with Whatsapp or Facebook Messengers, instead, the chat app will be integrated with other projects, for instance, in a game application, the chat app can be used for communication between players, enhancing their gaming experience and facilitating teamwork or in E-commerce store, the chat app can be used to facilitate customer support, answer product queries, and help users make purchasing decisions. In addition to that, you are also going to learn a lot of valuable knowledge and skill sets from building real time chat apps, especially for those of you who are interested in app development, having this project in your portfolio can be used to showcase your capabilities to your future employers or future clients. Last but not least, knowing how to build a chat app can potentially open a lot of opportunities, both in your professional career or as an entrepreneur.

Below are things that you are going to learn from this course:

• Learn the basic fundamentals of real time chat app and WebSocket

• Learn how WebSocket works specifically the interaction between server and client

• Learn how to create new user and new chat on Chat Engine IO

• Learn how to connect your chat app with Chat Engine IO API

• Learn how to initialize React project on VS Code terminal

• Learn step by step on how to build a real time chat app using Chat Engine IO

• Learn how to customize chat app user interface

• Learn how to enable email notification for chat app

• Learn step by step on how to build a real time chat app using Socket IO

• Conduct testing to make sure the chat app has been fully functioning

• Learn several testing methods for chat app, such as functionality, user experience, performance, and compatibility testings

• Get to know several additional features that could be added to improve the chat app, such as end to end encryption, screen sharing, voice calling, video calling, and multi devices integration

Additional Projects

Building Basic User Authentication System Using JavaScript:
In this project, you'll create a simple user authentication system using JavaScript, which allows users to securely sign up, log in, and manage their sessions. By utilizing tools like local storage or server-side authentication, you can ensure that user data is protected and securely handled, giving you a solid foundation in building web applications that require user authentication.

Designing Chat App User Interface Using UX Pilot AI:
In this project, you'll use UX Pilot AI, an AI-driven text-to-UI design generator, to create a sleek and functional chat app user interface. By inputting design requirements and features, the AI will help you generate a professional UI design quickly, providing you with a layout that's optimized for usability and enhancing the user experience, which you can then integrate into your chat application.