Skip to content

Frontend React interface for a live, channel based chat built on top of ActionCables socket functionality

Notifications You must be signed in to change notification settings

kel29/chat-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

93 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Chat

Chat is a topic based live communication tool. Built ontop of ActionCable sockets, users can join into any existing conversation topic or start their own.

Demo

Watch the video

Why Chat?

Chat was an enjoyable project to dive into for building an understanding of sockets. This project gave our team a great learning opportunity to have some fun playing with sockets, providers, and learning about frontend to server communication.

Technology Used

Chat was build with JavaScript and React for its front end. This project was bootstrapped with Create React App. The backend was built using Ruby on Rails, taking advantage of ActionCables for socket functionality. User experience is complimented with Bootstrap styling.

DIY

Chat is not yet deployed (but don't worry, were working on it). If you'd like to fork or clone down the code yourself, we'd love to have you check it out. Please note, you'll want to grab the Rails server as well. Chat was coded with React version 16.11.0. Depending on your bundler of choice, you'll want to run npm install or yarn first, and then you can run npm start or yarn start to see it in action.

Credits

Shout out to Dakota Lillie's great blog post that helped us move in the right direction. Also, the hero of this story is probably React ActionCable Provider, who's library made our lives a lot easier.

About

Frontend React interface for a live, channel based chat built on top of ActionCables socket functionality

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •