Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/nihadguluzade/messenger

ant-design chat-application electron javascript messenger react reactjs redux

Last synced: 6 days ago
JSON representation

Real-time chat application.

Host: GitHub
URL: https://github.com/nihadguluzade/messenger
Owner: nihadguluzade
Created: 2021-01-31T18:46:36.000Z (almost 4 years ago)
Default Branch: master
Last Pushed: 2021-05-15T18:52:37.000Z (over 3 years ago)
Last Synced: 2023-11-10T18:41:14.822Z (about 1 year ago)
Topics: ant-design, chat-application, electron, javascript, messenger, react, reactjs, redux
Language: JavaScript
Homepage:
Size: 4.04 MB
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Real-time chat application based on the Facebook Messenger app developed with Electron and React

![Main Screen](github/main.png)

## Features

### Real-time communication

Built with Express and Socket.io, users are able to message each other in real-time.

![Main Screen](github/home.png)

### Dark mode

Option to toggle between the light and dark mode. Saves it in the local storage.

![Dark mode](github/darkmode.png)

### Online/offline status

It is possible to see the status of a user whether it's online or offline at the moment.

![Dark mode](github/status.png)

## Usage

To connect to the database, create `configs.json` file in the root of the project and add your connection string.
Example for the mongodb atlas:

```
{
"connectionString": "mongodb+srv://:@cluster0.gwmgf.mongodb.net/?retryWrites=true&w=majority"
}
```

After configuring database, execute the following command:

```
npm install && npm run start
```

## Build

See [electron-builder](https://www.electron.build/multi-platform-build).