glup3/watch-with-me

watch2gether clone

Watch with me

https://watch-with-me-glup3.herokuapp.com/

About

This project is a clone of the popluar website 'watch2gether'. You can watch Youtube Videos with others in real-time and there is also a simple chat implementation.

Author

Phuc Tran [email protected]

What I have learned

• basic usage of Express Server
• socket.io (websocket)
• React Materialize
• React

How to deploy

Note: dont ignore build folder in .gitignore

• git checkout heroku-deployment
• git merge master
• npm run heroku-build
• git push heroku master

watch-with-me's Issues

Room IDs aren't easily sharable

Just discovered this project and I love it. Mobile support on watch2gether has been pretty much nonexistent, and yours worked like a charm!

I would love to start sharing links with my friends, but the room ID isn't encoded into the URL. It'd be really convenient if it did, and I think I'll try to submit a PR for it when I get a moment.

Also, it looks like the heroku instance died 💔

Fatal exception when socket disconnects

Following up to #1

After looking over the code I found that a connection to postgres is attempted, and if that fails then the exception is thrown and the uncaught error event crashes the application. This would explain the error I saw on Heroku. I tried running the project locally and ran into that issue. My failure was because I didn't have a postgres instance running, but I would suspect there would be something else happening like that on heroku.

It looks like there was some testing going on there with getting the tables, and some state management stuff to let other socket clients know when a socket disconnects.

watch-with-me/src/server/server.js

Line 74 in 294d726

client.query('SELECT table_name FROM information_schema.tables;', (err, res) => {

I have a lot of experience using postgresql and socket.io, and we use it extensively at my job. I'd be more than happy to help out, send a PR, talk about design stuff etc ^_^