Chat Application with Ionic 7, React, Electron, and PubNub Chat SDK

PubNub logo and name belong to PubNub.

This repository contains a chat application built with Ionic 7, React, Electron, and the PubNub Chat SDK. It serves as a demonstration of the capabilities of the Chat SDK and provides an example for building your own chat applications. This is not an official example repository of the Chat SDK. Please refer to The Official Docs for that.

Table of Contents

• Features
• Official Documentation
• Installation
• Usage
• License

Features

Covers most of the PubNub Chat SDK version 0.1.0 functionality:

• Log in as test users
• Create one-on-one, group, and public conversations
• Add other users to conversations at later points
• Message other users and groups
• Reply to, Forward, React to, Report, Delete, and Pin messages
• Typing indicator, last seen, read receipts, count unread messages, online users in conversation
• Fully functional threads to comment and discuss a certain message
• Mention users, Link to other conversations, Format Links
• Send Images, GIFs, Videos, Audio, and other files
• Report users
• Get notified by listening for predefined and custom events (mentions, messages, reports, etc)

Official Documentation

• Official Docs
• Why Chat SDK?
• Getting Started
• (Advanced) Authentication and Authorization

Installation

1. Clone the repository:

   git clone https://github.com/antoniormrzz/ionic-7-electron-chat.git

2. Change to the project directory:

   cd ionic-7-electron-chat

3. Install dependencies:

   npm install

4. Create a .env.local file in the project's root directory and add your demo keys:

   VITE_PUBNUB_PUBLISH_KEY=pub-c-...
   VITE_PUBNUB_SUBSCRIBE_KEY=sub-c-...

Learn how to get your free demo keys here.

Usage

• To run the app in your browser (recommended for HMR):

  npm run dev

• To run the app in Electron:

  npm start

License

I don't remember, but take what you need from my code, lol.