edwindelbosque/cowboys-vs-aliens

Web game based in family-feud, but make it Cowboys vs Aliens.

COWBOYS vs ALIENS: The Feud

Developers:

• Zoë Harvey - @ZoeKHarvey
• Jeannie Evans - @jmevans0211
• Eric Meldrum - @ericwm76
• Edwin Del Bosque - @edwindelbosque

Summary

For this exciting project we wanted to mainly solidify our understanding of object-oriented programming (OOP) principles by building out a game show. We decided to base it on Family Feud, but with a sci-fi spin on Cowboys and Aliens, which we were pretty excited about! This was an opportunity to work with classes to build a program at a larger scale than we had in our previous projects. This was also an opportunity for ourselves to build out a program based on user stories - which we knew is more aligned to what we can expect to see when working with product managers in a production environment.

Screenshots

Play the game on GitHub Pages here!

Goals

• Write a program and UI/UX from scratch
• Synthesize knowledge of OOP, classes, and JS fundamentals to create a playable game
• Build this game by reading user stories on how this game plays out
• We also implemented multiple class inheritances throughout the project
• We wanted experience collaborating with multiple people and demostrate a good GitHub collaboration and workflow
• Write modular, reusable code that follows SRP (Single Responibility Principle) and SOLID principle.
• Create a robust test suite that thoroughly tests all functionality of a client-side application
• Implement array iterator and mutator methods to work with game data
• Fetch an API for sending and receiving game data
• Style using CSS pre-processor SASS (SCSS)
• Use of spies for testing the DOM manipulation
• Get comfortable reviewing and writing feedback on each other's code in PR's

Built with:

• JavaScript
• HTML
• SASS
• Mocha, Chai & Spies

How to install

1. Fork and clone down this repository
2. In your Terminal, access the directory of this repository
3. Run npm install to install the webpack dependencies
4. Once it has finished installing, run npm start
5. Copy the localhost address ex. http://localhost:8080/ in your Terminal and paste it into your browser
6. Play some Cowboys vs Aliens (OR visit our GitHub pages site here to play the game now!)

cowboys-vs-aliens's Issues

Make scoreboard less bright, make question more prominent.

Be able to submit guess on 'Enter' key

Take out 'is your turn', and highlight the player name on the sides.

Put a limit on the multiplier input (1-5 only)

Placeholder to 'Enter name' on name input

Some helpful messages when entering multiplier so user knows what to do.

Rename test files to be consistent with class file names

Change Player Name Colors

Player 1's name appears in red and Player 2's name appears in green on both the start page and the main page. The border of the append box also flashes green when a player submits a correct answer, and red when a player submits an incorrect answer. This creates confusion - if I see a red border, did Player 1 get points, or did the current player get it wrong? If I see a green border, did Player 2 get points, or was that a correct answer? Changing the Player Name colors (purple and yellow? purple and blue?) might help.