A chat app built with React.js and ActionCable in Ruby on Rails 5.1, built as part of a 2-part tutorial on Learnetto:
How to build a chat app with Rails 5.1 ActionCable and React.js Part 1
How to build a chat app with Rails 5.1 ActionCable and React.js Part 2
Run the following commands on the commandline to get it working:
git clone https://github.com/learnetto/reactchat.git
cd reactchat
rails db:migrate
bundle && yarn
foreman start -f Procfile.dev
We use Github for authentication. So you will need to register a new OAuth application on Github.
Please make sure you set the authorization callback URL correctly. With the default devise and omniauth settings, add /users/auth/github/callback to your root URL.
For example, in development, if your app is running on localhost port 3000, then the URL settings will be:
Homepage URL: http://localhost:3000
Authorization callback URL: http://localhost:3000/users/auth/github/callback
Once you've set up your Github app, Github will provide you with a Client ID and secret. You need to add these to your app's environment as GITHUB_APP_ID and GITHUB_APP_SECRET.
For development, the easiest way is to put them in your ~/.bash_profile, start a new terminal window and restart your Rails server.