- App using React to display a simple real-time chat app front end.
- Future: Kuzzle, a backend with ready-to-use features, is used.
- Note: to open web links in a new window use: ctrl+click on link
- React frontend
- React v17 JavaScript library
- Kuzzle-sdk v7 javascript Software Dev. Kit (SDK) for Kuzzle
- Kourou CLI to manage the Kuzzle application
- Frontend:
npm i
to install dependencies thennpm start
to run app on port localhost:3000 - Backend: tba
App.js
function to connect to Kuzzle backend
connect = async () => {
await kuzzle.connect();
if (!(await kuzzle.index.exists('chat'))) {
await kuzzle.index.create('chat');
await kuzzle.collection.create('chat', 'messages');
}
await this.fetchMessages();
await this.subscribeMessages();
this.setState({ connected: true });
};
- f
- Status: In work. Frontend working, needs running Kuzzle backend to test
- To-Do: Add backend
- Kuzzle documentation
- Youtube: Kuzzle: Creating a real-time chat with React and Kuzzle Backend
- Github Kuzzle repo
- N/A
- Repo created by ABateman, email: gomezbateman@yahoo.com