Pubchat-GUI

A simple React.js chatroom application using Pubnub's realtime chat api. This GUI interface is for those who hates terminal and loves to work with graphical interfaces.

Use CLI instead.

Features

• send messages
• receive messages
• can see message history for 7 days
• See pubchat-cli messages

App screenshot

Instructions to run the project:

1. Clone the GitHub repository

   git clone https://github.com/T4533N/pubchat-gui.git
   

2. Navigate to the directory

   cd pubchat-gui
   

3. Install the project.

   npm install
   

4. Start the project. The pubnub publish and subscribe key are stored as environmental variables, you can replace the value for these with your keys from the PubNub Dashboard.

   npm start
   

   A web browser should automatically open http://localhost:3000.

   Happy chatting :)

Dependencies

• React.
• PubNub Javascript SDK.
• dotenv.
• jest.

Sources

• https://reactjs.org/docs/hooks-state.html.
• https://www.pubnub.com/docs/sdks/javascript/.