We as a group of programmers feel that it is very important for students who are new to computer science get familiar with proper syntax. To add an extra level of motivation we created a platform where two students can challenge each other in who can type the fastest and the correct syntax.
How it works
We have two Rasberry Pi's set up with Camera's that take a picture every minute and uploads to the playing field. With CSS the images are gridded and scrambled in a 3 by 3 box. On the play page the scrambled images are displayed on the right side of the screen with the players puzzle on the top and the opponent's puzzle on the bottom. On the left side of the screen there is syntax for a basic HTML template. As the user types up the syntax the images begin to shift and unscramble. The first user to unscrambled the images is the winner.
How we built it
This project is a website, we used a CentOS 7 VM from Azure and the SQL Server from Azure for the backend. We used JQuery and AJAX to display the puzzle on the screen and to gather the points from each player in order to move the puzzle pieces.
Challenges we ran into
We spent a lot of time trying to figure out how to connect both users on the same session to be able to view each others puzzle.
Accomplishments that we're proud of
Being able to see the opponents puzzle pieces move in real time.
What's next for Shell Arcade
Incorporating more levels and adding your own custom code to challenge a friend.