⚡ React Kuzzle Data

• 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

📄 Table of contents

• ⚡ Ionic React Firebase
  • 📄 Table of contents
  • 📚 General info
  • 📷 Screenshots
  • 📶 Technologies
  • 💾 Setup
  • 💻 Code Examples
  • 🆒 Features
  • 📋 Status & To-Do List
  • 👏 Inspiration
  • 📁 License
  • ✉️ Contact

📚 General info

• React frontend

📷 Screenshots

📶 Technologies

• React v17 JavaScript library
• Kuzzle-sdk v7 javascript Software Dev. Kit (SDK) for Kuzzle
• Kourou CLI to manage the Kuzzle application

💾 Setup

• Frontend: npm i to install dependencies then npm start to run app on port localhost:3000
• Backend: tba

💻 Code Examples

• 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 });
};

🆒 Features

• f

📋 Status & To-Do List

• Status: In work. Frontend working, needs running Kuzzle backend to test
• To-Do: Add backend

👏 Inspiration

• Kuzzle documentation
• Youtube: Kuzzle: Creating a real-time chat with React and Kuzzle Backend
• Github Kuzzle repo

📁 License

• N/A

✉️ Contact

• Repo created by ABateman, email: [email protected]