Meme Battle (Online)

Demo Here

Battle the computer or your friends to see who can win with the Best Meme! Get out there and collect those memes!

Description

Nico Stranquist @nstranquist Branson Fox @bransonf Conor Kolmer @kolmercm

Together we are glad to be a part of this Open Hacks event and we think we have created something you as the user, will enjoy. MemeBattle (Online) is a mobile app for iOS and Android users who are looking to collect all the memes! They will be prompted to create a username and password and from there, they can join a game or view their previous collection of winning memes. Once a game is joined, one player will be named the judge and the others will be given a collection of memes to search from. Once all the memes have been sent in the judge will pick the winner who will have the winning card added to his “collection”.

Technologies Used

• React-Native
• Redux
• Figma
• MongoDB
• Node/Express
• Google Cloud Platform Compute Engine
• Giphy API
• Python/JavaScript
• Websockets (Socket.io)

To Run On Your Computer:

1. git clone
2. cd server
3. yarn install && yarn start-server
4. cd ../client
5. yarn install && yarn android

Reflections

We all challenged ourselves this weekend. @bransonf had never written an API with Node/Express, or ever used React Native. @nstranquist had never used websockets before. @kolmercm had never used Figma, and this was his first hackathon! We all struggled with websockets and learning new technologies. Setting up new environments was particularly hard to do remotely, but we overcame these challenges.

We all learned some really cool tools this weekend as well. The best of which is definitely VS Code LiveShare. We all helped @kolmercm set up his dev environment remotely. We remotely collaborated on the same React-Native code in realtime from Midnight to 5AM!

Overall, we just created something really fun. Once everything was working, we found ourselves playing round after round. We truly built something that we would use ourselves.