Thanks to visit codestin.com
Credit goes to github.com

Skip to content

A fun multiplayer online game to provide lots of laughs and bonding time. Write the funniest phrase for a random gif and make your friends laugh out loud.

Notifications You must be signed in to change notification settings

WhatTheGif/WhatTheGif

Repository files navigation

WhatTheGif?!

A fun multiplayer online game to provide lots of laughs and bonding time. Write the funniest phrase for a random gif and make your friends laugh out loud.

Tech Stack

  • OAuth 2.0 with Google
  • React Context API and Hooks (useState, useContext)
  • WebSockets
  • Webpack

Instructions to play through VS Code Live Share:

  1. Fork and Clone repo locally
  2. Add .env file in root directory and include the following key-value pairs
    • API_KEY= <YOUR GIPHY API KEY>
    • REACT_APP_CLIENT_ID= <YOUR GOOGLE OAUTH CLIENT ID>
      • (not necessary if GoogleOAuth is not rendered)
  3. npm install
  4. npm run build
  5. Start a Live Share session on VS Code
  6. Invite friends to your Live Share or send them the link
  7. npm start
  8. Make sure to be sharing your localhost:3333 server through Live Share
  9. Have all your friends go to http://localhost:3333 on their browsers
  10. HAVE FUN! and come back to star our repo ⭐

Instructions to play over the same WiFi:

  1. Fork and Clone repo locally
  2. Add .env file in root directory and include the following key-value pairs
    • API_KEY= <YOUR GIPHY API KEY>
    • REACT_APP_CLIENT_ID= <YOUR GOOGLE OAUTH CLIENT ID>
      • (not necessary if GoogleOAuth is not rendered)
  3. Find your computer's IPAddress (IPv4) (Check out this link to go to your network - https://osxdaily.com/2011/10/05/find-router-ip-address-mac/)
  4. In index.js update the socket io connection argument (line 9) to 'YourIPAddress':3333
  5. npm install
  6. npm run build
  7. npm start
  8. On a different computer's browser, go to 'YourIPAddress':3333
  9. HAVE FUN! and come back to star our repo ⭐

Views

 
 
 

Built By

About

A fun multiplayer online game to provide lots of laughs and bonding time. Write the funniest phrase for a random gif and make your friends laugh out loud.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •