pusher / build-a-slack-clone-with-react-and-pusher-chatkit Goto Github PK

How come you chose this approach? It puts you in an usual git place. I don't believe many people will have used this before too much. Could we get away without?

There are a few instances where him/her are used unnecessarily.

I'm getting the below error while trying to authenticate the user. I have searched for the solutions and changed the code according to that but nothing seems to be working. A quick help would be much appreciated.

And here is my code,

const express = require('express')
const bodyParser = require('body-parser')
const cors = require('cors')
const Chatkit = require('@pusher/chatkit-server')

const app = express()

const chatkit = new Chatkit.default({

instanceLocator: 'Pusher Locator Key',
key:'Pusher Secret Key'

})

app.use(bodyParser.urlencoded({ extended: false }))
app.use(bodyParser.json())
app.use(cors())

app.post('/users', ( req, res ) => {

const { username } = req.body

chatkit.createUser({
name: username,
id: username
})
.then(() => res.sendStatus(201))
.catch(error => {
if(error.error_type === 'services/chatkit/user_already_exists'){
res.sendStatus(200)
}
else{
res.status(error.statusCode).json(error)
}
})
})

app.post('/authenticate', ( req, res ) => {

const { grant_type } = req.body
res.json(chatkit.authenticate({ grant_type, userId : req.query.user_id }))

})

const PORT = 3001
app.listen(PORT, err => {
if (err) {
console.error(err)
} else {
console.log(Running on port ${PORT})
}
})

Thanks in advance..!

When I start the developpement server on "localhost:3001" I get this error in my debugger :

Content Security Policy: Les paramètres de la page ont empêché le chargement d’une ressource à self (« script-src »). Source: ;(function installGlobalHook(window)

on the page I see
Cannot GET /

how resolve that ?

After following the walkthrough to the end and having errors on my local branch, I switched to the complete branch.
Ran npm start on this and still had errors. See below:

Any ideas?

Here https://github.com/bookercodes/build-a-chat-app-with-react-and-pusher-chatkit#step-2-create-your-own-chatkit-instance

Spelling mistake in UsernameForm.js

In the tutorial, the room subscription hooks such as onUserCameOnline or onUserJoined are set up so that they invoke this.forceUpdate(). However, according to the React Docs, using forceUpdate() is discouraged. Are there other ways in which I can manage room subscription hooks other than using forceUpdate()?

Predominantly used here https://github.com/bookercodes/build-a-chat-app-with-react-and-pusher-chatkit#step-3-setup-a-basic-node-sever