USC Student Bingo
You win!

TrojanHacks2018

Inspiration

Have you ever been bored in class? Ever wanted to look at memes instead of listening to the lecture? If only there were a bingo game to play! Given our limited background, we chose to pursue this project because it strikes the balance as an idea that is feasible, as well as entertaining, and we decided to make a website in order to best display the visual elements.

What it does

The home page allows for login and holding of username, which will stay with you through the website even if you reload the page. The pictures are links to each of the boards. The student page relates to different aspects of general campus life. Each bingo board is 24 elements randomly sorted from an array of 35, allowing for different boards every time.

Gameplay

Clicking on an icon marks it with an x. Did you make an error? Simply tap again, and that x will disappear.
Does this board not interest you? Click on the USC Bingo Icon and it will send you to the home page.
The game will automatically check to see if you win. A common bug that we fixed was when one square made the player win in multiple ways. When you win, the winning text will pop up, allowing for play again functions.

Accomplishments that we’re proud of

In order to build a web app, we needed to use JavaScript, CSS, and HTML, yet most of us had no prior experience in these languages. Going to the web development workshop offered at TrojanHacks provided a solid foundation for our knowledge, and we are proud of learning these languages in order to produce USC Bingo.

What’s next

Next we will explore a basic 2 player setting so that at least two players can interact with each other and be notified if the other wins. We also want to implement geofencing in the project so that certain bingo boards will be automatically shown depending on your location. For example, if a player is near the football stadium, then the Game Day board will be suggested. We will also add a build-your-own function to the bingo sheets, such that a user can add as many squares of their own as they want.

Built With

Submitted to

TrojanHacks Strikes Back 2018
- Winner Best Freshman Hack

Created by

I formatted the hyperlinked pictures on the homepage using HTML, created the random sort algorithm, and generated the content for the three bingo boards. This was the first time that I have worked with HTML, CSS, and JavaScript.

Elizabeth Zhou
I helped to generate the content for the Bingo board, worked a little bit with the java script (hard coding some images and content), found and applied the google fonts for the title pages, and found issues with the Bingo board. Learned how to use Git Hub, html, and a little bit of css.

Sean Vovan
I did a lot of the delegation of roles, assigning the other team members to work on different parts of the project. I set up the different HTML tables that we used for the Bingo game and a bit of JQuery to insert the data into the table. I setup a fair amount of the basic html for the site layouts, and set up the GitHub repository. First time working with JavaScript/JQuery.

Laurence Fong
I worked on the gameplay logic in JavaScript, as well as a small amount of the formatting. I also created the login functionality. I mostly worked with JavaScript, but worked as well in html - with a small amount of CSS. This was the first time I have worked with html, CSS, or JavaScript.

Cameron Podd

Updates

Elizabeth Zhou started this project — Apr 08, 2018 02:45 PM EDT

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.