Code Monkey home page Code Monkey logo

demo-javascript-chat's Introduction

logo


styled with prettier

Chat - Example Web App in Next.js

App Screenshot

How to use

Clone this repository or download it as a ZIP

 curl https://codeload.github.com/rapid-io/demo-javascript-chat/tar.gz/master | tar -xz
 cd demo-javascript-chat-master

Visit http://www.rapid.io and create a FREE account. You'll be redirected into Rapid.io Dashboard, where you can find a demo project. Within a Setting tab, you'll find an API key. Copy the key into clipboard, find lib/rapid.js file and paste the key to the following constant.

 const API_KEY = ''

Install it and run.

 yarn
 yarn run dev

Dashboard

In the dashboard, you can observe channels collection, that contains documents with channels of your chat app.

Dashboard - Channels

You can also look for messages collection and see all documents describing your messages.

Dashboard - Messages

The idea behind the example

This is a sample chat web app based on Next.js and Rapid.io real-time database. The app is supposed to showcase usage of Rapid.io JavaScript SDK. You can open the app in multiple tabs or windows and start creating channels and posting messages. All the changes are promoted immediately across all clients. Also, try to turn off/on your network connection, do some changes and see how Rapid.io handles all of them.

demo-javascript-chat's People

Contributors

danielkraus avatar prichodko avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.