https://github.com/jexia/chatapp-widget
✔️Example application: Chat app widget is a server-side part for a Chat Application using React, Redux, Redux-Saga, and Jexia's Real Time Communication.
https://github.com/jexia/chatapp-widget
Last synced: 3 months ago
JSON representation
✔️Example application: Chat app widget is a server-side part for a Chat Application using React, Redux, Redux-Saga, and Jexia's Real Time Communication.
- Host: GitHub
- URL: https://github.com/jexia/chatapp-widget
- Owner: jexia
- License: mit
- Created: 2019-11-28T13:10:18.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T00:41:52.000Z (over 2 years ago)
- Last Synced: 2025-06-09T01:36:33.343Z (4 months ago)
- Language: JavaScript
- Homepage:
- Size: 1000 KB
- Stars: 1
- Watchers: 11
- Forks: 1
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Chatapp widget.
Example application: Chat app widget is a server-side part for a Chat Application using React, Redux, Redux-Saga, and Jexia's Real Time Communication.
[Widget admin client is a client-side part of this Chat Application](https://github.com/jexia/chatapp-widget-admin-client)
## Features
- React
- Redux (data management)
- Redux-Saga (side effects management)
- Jexia:
- Project integration
- Dataset CRUD operations
- Authentication service
- Real Time Communication
## Built With
### Dependencies
| Name| Description | |
|--|--|:--:|
|[axios]|Promise based HTTP client for the browser and node.js|🌐
|[i]|custom inflections for nodejs|📚
|[jexia-sdk-js]|Jexia Javascript SDK|🐝
|[npm]|a package manager for JavaScript|📚
|[react]|React is a JavaScript library for building user interfaces.|📚
|[react-dom]|React package for working with the DOM.|📚
|[react-redux]|Official React bindings for Redux|📚
|[react-router-dom]|DOM bindings for React Router|📚
|[react-scripts]|Configuration and scripts for Create React App.|🛠️
|[redux]|Predictable state container for JavaScript apps|📚
|[redux-saga]|Saga middleware for Redux to handle Side Effects|🛠️
|[styled-components]|Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress|🎨
|[uuid]|RFC4122 (v1, v4, and v5) UUIDs|🛠️
|[rxjs]|Reactive Extensions for modern JavaScript|📚
## Installation & Setup
### Clone repository
```
git clone git@github.com:jexia/chatapp-widget.git
cd chatapp-widget
```
### Start
If you don't have installed Node.js on your computer use this link https://nodejs.org/en/ to download the latest version and install it.
### Install dependencies
```
npm install
```
### Setup Jexia project
```
1. Create project
2. Create dataset
3. Create RTC channel
4. Create API-key
5. Create CRUD policy for all users and all datasets
6. Update [/src/consts/config.js] with your project-id, API-key and API-secret:
export const projectID = "your-project-id";
export const key = "your-key";
export const secret = "your-secret";
7. Do the same for [jexia-config.js]
```
### Compiles and hot-reloads for development
```
npm start
```
### Compiles and minifies for production
```
npm build
```
### Test and fixes files
```
npm test
```
## License
[MIT](./LICENSE) © jexia