July 2020 Summaries

The tutorial provides a comprehensive guide on building a chat widget that integrates with the HubSpot CRM to manage user interactions and store chat transcripts using the Stream Chat client and its webhooks. It outlines the steps to configure accounts on Stream and HubSpot, set up necessary API keys, and establish a backend with Express JS to handle user registration, chat initiation, and message logging. The tutorial explains using webhooks to communicate events between the chat widget and HubSpot, detailing how to create or update contacts and append chat transcripts in the CRM. It also covers the implementation of ngrok for creating a publicly accessible URL for the webhook setup and highlights the use of Axios for interacting with HubSpot's API. Although the tutorial focuses primarily on backend mechanics, it includes essential frontend integration for starting chat sessions, offering a practical example of building a support or sales chat application while emphasizing error handling and dynamic user management.

Apple's introduction of the Swift AWS Lambda Runtime enables developers to write self-contained functions for AWS using Swift, the same language used for iOS development, thus allowing code sharing between server and client. Although setting it up can be complex, a starting point has been created to streamline the process of writing an HTTP service in Swift, utilizing the Serverless Framework for quick deployment to AWS. This setup includes configuration files and scripts that automate deployment, based on resources from swift-server/swift-aws-lambda-runtime. The initial code provided outputs "Hello, world!" and can be modified to deliver HTML content by adjusting the headers and body of the response. Details about configuration and available settings can be found in the Swift AWS Lambda Runtime README and Serverless.yml Reference, with opportunities for community contributions via GitHub.

This tutorial provides a comprehensive guide to integrating a real-time chat feature into an e-commerce app using Stream Chat's Swift SDK, which facilitates immediate communication between buyers and sellers for transactions and support. The process involves setting up the Stream Chat dependency using CocoaPods, configuring the Stream Chat dashboard, and securely managing user authentication and permissions. The tutorial walks through creating a "Join" screen for buyers and sellers, setting up navigation, and handling user interactions to switch between buyer and seller interfaces. It also includes creating a BuyerViewController with a support chat button, which allows buyers to access support, and a ChannelsViewController for sellers to manage support channels. The implementation is designed to enable seamless communication, enhance customer engagement, and boost conversion rates within the app.

The post outlines a step-by-step guide for integrating a lead creation process in Zendesk using a customer inquiry from a landing page or sales chat widget, utilizing a React frontend and an Express backend. The application captures user details through a simple registration form before initiating a private chat session with a sales representative, though the latter aspect is beyond the post's scope. The backend communicates with Zendesk Sell via its API to create leads and utilizes Stream's JavaScript library to handle chat token generation, while Axios is used for data transmission. Configuration involves setting up accounts with Zendesk and Stream, including OAuth security settings for Zendesk and API credentials for Stream. The tutorial emphasizes the use of environment variables for secure communication and provides a template for configuration. The process involves creating a CRM lead, registering users for chat, and setting up a chat instance with Stream, allowing users to enter a chat room through the frontend. The integration can be extended to other Zendesk objects like Contacts and Tasks.

This tutorial guides users through building a Stream chat widget integrated with HubSpot CRM to automatically create a new contact when a customer initiates a chat. Using a React frontend and an Express backend, the tutorial demonstrates how to set up a chat application with the Stream chat API, explaining the use of basic features of the Stream Library and requiring knowledge of React Hooks, Express, and Node.js. It covers setting up API keys for HubSpot and Stream, creating a React form for capturing customer details, and configuring the backend to handle data flow, including creating HubSpot contacts and Stream chat users. The tutorial also explains the process of establishing chat channels, generating secure tokens, and rendering the chat interface in the frontend using Stream's built-in UI components. Despite its focus on the customer's experience, the tutorial does not cover styling or notify customer representatives, and it encourages using Stream's free UI Kit and additional resources for security features like authentication and encryption.

Streamoji is an open-source library for iOS that facilitates the integration of custom emojis into apps, supporting formats like GIFs, images, and Unicode, and allowing them to load from URLs or local assets with fast performance and caching. It enables users to configure a UITextView to render emojis, controlling display quality and scale relative to text. Streamoji can be installed via CocoaPods, Swift Package Manager, or Carthage, and offers an example project for immediate testing. Users define custom emojis in a dictionary with :shortcode: references, sourcing from assets, remote URLs, or Unicode, and can include aliases for alternative codes. Contributing to the project is encouraged through feature suggestions, bug reports, or submitting pull requests on its GitHub repository, and updates can be followed on Product Hunt.

The tutorial provides a comprehensive guide to building an iOS app for livestream events, allowing interaction between attendees and speakers in a virtual conference room using Stream Chat for chat components and Dolby.io for live audio and video streaming. The app, which supports both light and dark modes, utilizes tools such as Xcode and CocoaPods for installation and configuration of dependencies. The development includes setting up user interfaces with buttons for joining as an attendee or speaker, and configuring chat and video call functionalities using Stream Chat and Dolby.io SDKs. The tutorial emphasizes the importance of securing credentials and implementing proper authentication for production while guiding through the process of creating a conference room screen where chat and video calls can be initiated. Additionally, it encourages exploring further documentation and best practices for enhancing the app's user experience.

The tutorial guides users through the development of a TeleHealth iOS app that enables gym members and instructors to interact via online virtual fitness classes using Stream Chat for messaging and Dolby.io for audio and video. It provides a step-by-step process for setting up the project in Xcode, installing necessary dependencies using CocoaPods, and configuring the Stream Chat and Dolby.io dashboards. The app features a "Join" screen with buttons for participants to enter as either a gym member or instructor, leading to a class screen where they can chat and initiate video calls. The tutorial includes code snippets and instructions for setting up user interfaces, handling button actions, and starting video calls, with a focus on building a cohesive in-app communication experience. Additionally, it emphasizes the importance of configuring usage descriptions for microphone and camera in the app's Info.plist file to ensure functionality, and encourages users to explore further customization through the documentation of Stream Chat and Dolby.io.

Stream's newly released Video API allows developers to integrate live video capabilities such as calling, conferencing, voice calling, audio rooms, and livestreaming into their applications through a unified API with customizable UI Kits. In a tutorial, developers learn to build an iOS app enabling virtual classroom interactions between students and teachers using Stream Chat for messaging and Dolby.io for audio and video quality. The tutorial covers setting up the project in Xcode, installing necessary dependencies via CocoaPods, and configuring the Stream and Dolby.io dashboards for authentication and permissions. Developers are guided through creating a "Join" screen, configuring UI elements, and handling user interactions to join virtual classrooms as either students or teachers. The ClassViewController manages chat functionalities and initiates video calls using Dolby.io's SDK, with the app supporting both light and dark modes. The tutorial emphasizes security considerations for app deployment and encourages further exploration of Stream and Dolby.io documentation for enhancing EdTech app development.