https://github.com/ary82/okay-client

A real time messaging webapp
https://github.com/ary82/okay-client

mern messaging react socket-io

Last synced: 5 months ago
JSON representation

A real time messaging webapp

• Host: GitHub
• URL: https://github.com/ary82/okay-client
• Owner: ary82
• License: mit
• Created: 2023-12-19T13:13:57.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-07T11:02:04.000Z (over 2 years ago)
• Last Synced: 2024-03-07T12:26:17.794Z (over 2 years ago)
• Topics: mern, messaging, react, socket-io
• Language: JavaScript
• Homepage: https://okaychat.ary82.dev/
• Size: 139 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# OkayChat

A Public Messaging app with quirks, written in JavaScript.

Hosted at: [https://okaychat.ary82.dev](https://okaychat.ary82.dev)

This is the client repository of the project.

See also: [Backend Repo](https://github.com/ary82/okay-api)

### Quirks



    
Effortlessly acknowledge messages with a single keystroke. Pressing Enter with an empty message will automatically send the text "Ok"!

    
Click on Generate with AI to send an AI generated message based on the last five messages of your conversation

    
Supports Multiple Logins from same Account



### Front-End

The Front end for this project is written in React, while utilising the features of various libraries such as:



    
Redux toolkit for state management

    
Axios for API requests

    
TailwindCSS for Styling



Repo link: [https://github.com/ary82/okay-client](https://github.com/ary82/okay-client)

### Back-End

The Back end For this project is written in JavaScript, while utilising:



    
Socket.io library for instant messaging

    
MongoDB database for storing users, and messages and WebSocket rooms

    
Calls to Google Gemini for Automatic Message Generation

    
PassportJS for implementing User Authentication



Repo link: [https://github.com/ary82/okay-api](https://github.com/ary82/okay-api)

### Architecture/Hosting:

Here is a schematic representation of the project, showing the technologies and platforms used for hosting it: