Giter Club home page Giter Club logo

rock-paper-scissors's Introduction

Rock, Paper, Scissors

Abstract:

Created an application that allows a user to play two variants of Rock, Paper, Scissors against a computer player. All of the gameplay is tracked in the data model and then separately displayed in the DOM.

Installation Instructions:

Clone the repository to your local machine. The user can then interact with the application by opening the index.html file.

Preview of App:

Rock, Paper, Scissors Example Play it here!

Context:

This is the final solo project from Week 5-6 of Mod1 @ Turing. I spent around 40-50 hours working on this project. I had about a week to complete it.

Contributors:

Jamie Francisco: https://github.com/jamiefrancisco

Learning Goals:

  • Solidify and demonstrate my understanding of both DRY JavaScript and event delegation to handle similar event listeners
  • Understand the difference between the data model and how the data is displayed on the DOM
  • Use my problem solving process to break down large problems, solve things step by step, and trust myself to not rely on an outside “answer” to a logical challenge

Wins + Challenges:

  • Win 1: Learning how to use mapping to refactor my determineOutcome function! This greatly reduced lines of code and made it much easier to understand the winning combinations for a given player.
  • Win 2: Completing the entire project and keeping my learning goals in mind throughout.
  • Challenge: Completely separating the data-model and the DOM. Making the game entirely playable within the console simply by manually inputting arguments into different functions. There was a lot of pseudocoding and console.log() that helped me work through this!

rock-paper-scissors's People

Contributors

jamiefrancisco avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.