then() in a later function.Catch the Christmas classics and your favorite holiday movies.Ĭhristmas will be here before you know it - so what better way to get in the holiday spirit than with HTC Digital Cable! We return a native Promise in order to use. In order to translate our Gif, we first make use of our API utility function anslateToGif() that makes a 3rd party API call to Giphy using a search term and returns the appropriate JSON. Users can either search for gifs through a search tool and pick a specfic gif, or use smart Giphy translate by typing the special command '/giphy ' followed by a search term. Moving pictures are worth a thousand words, so ChitChat allows you to integrate gifs into your chat through 3rd party API Giphy integration. You can use emojis in your chat messages or even have reactions to other users' messages if you happen to find them funny, sad, rage-inducing, etc. Socket integration allows us to receive messages in real-time along with notifications.Ī fun way to express your feelings nowadays is through the use of emojis, and ChitChat allows you to do just this through the use of react-emoji and react-emoji-picker. on ( 'receive message', ( payload ) => ) In our success callback, we then emit an event that our socket on the server-side will be listening for, and pass it an object with the appropriate data (our message, and the channel our message is in). then() method from our API call's returned Promise to make sure that we only perform our socket broadcast upon a successful call to the server. This was achieved through the socket.io library, and allows seamless communication in both your private messages and your channels. The core feature of ChitChat is the ability to message with other users in real-time.
These are only accessible by the members of the message, and can be both one-on-one chats or multi person chats. In addition to channels, ChitChat allows you the ability to privately message users. Users can switch between these different channels on the fly and have multiple different channels based on a variety of their interests. They can be based on any topics that can bring like-minded users together. stateless, so the DB only has to be queried once).Ĭhannels are simply chatrooms that you can create and add specific users to. JWT-based auth (vs something like session-based auth) was chosen due to its compact nature (faster transmission) as well as the fact that its self-contained (i.e. User authentication is provided through JWTs. Users can add gifs to their messages (from Giphy) through a search tool or through smart Giphy integration.Users can add emojis to their messages or have emoji reactions to other users' messages.Users can chat with each other in real-time with notifications.Users can create either one-on-one or multi-person private messages.Users can create and view different channels, along with adding specific users to join in on the discussion.User account creation and authentication with JWTs.It utilizes a Node.js and Express.js backend, a MongoDB database, React.js with a Redux architectural framework on the frontend, and Socket.io for real-time chat. ChitChat is a full-stack web application inspired by Slack.
0 kommentar(er)
