This is a web app made for CS252. The project is a fun game involving both drawing and guessing.
http://pictophone-env.rrwwgr9pf7.us-east-2.elasticbeanstalk.com/
This game is much like "Telephone" where you whisper a message along a group of friends and see how the message has transformed in the end. The catch with this, though, is that instead of whispering, users must draw the message to the best of their abilities.
In essence, there are 3 main stages to the game:
- The first user writes a prompt that will be the initial "message."
- The next user then tries to draw the message given to them to the best of their abilities.
- The user after that then attempts to guess what the message was based off of the drawing the last user came up with.
The cycle then repeats through stages 2 and 3 until all of the users have contributed something to the game. In the end, all of the users are then shown the timeline of how the events unfolded. Most of the time, the message will transform into something quite different than what it started out as!
For the front end, the usual culprits of HTML, CSS, and JavaScript are utilized alongside JQuery. Bootstrap handles much of the base layer styling, Animate.css is used for all of the animation work, jscolor is used for color picking, and Font Awesome is used for all the various icons.
This project makes use of Apache Tomcat for the backend, so the server is written completely in Java. As far as communication goes between the client and server, JSON is sent via WebSockets that is then parsed and handled appropriately. Jars included are org.json, the MySQL Connector/J driver, and jBCrypt for password hashing.
As for hosting, the project currently uses AWS Elastic Beanstalk, and the MySQL server is an AWS RDS instance.
If you would like a full list of sources, they should all be listed out in sources.txt
~~Made with love and frustration by Samuel Ingram~~