GithubHelp home page GithubHelp logo

paulina-isabel / rock-paper-scissors Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 204 KB

Rock, Paper, Scissors is my final solo project of Mod 1 at Turing. This project is a pass!

HTML 22.98% CSS 15.46% JavaScript 61.56%

rock-paper-scissors's Introduction

Rock, Paper, Scissors!

ABSTRACT

Welcome to a solution for one of life's biggest problems: no one to play rock, paper, scissors with. This app allows users to play a classic game of rock, paper, scissors versus a computer player who has randomized selections. The app keeps score of both players' wins, losses, or draws. Also included is a difficult version for a next-level experience. Depending on the user's choice between classic and difficult given to them on the app's homepage, the user is presented with an array of fighters to choose from. This choice is compared to the randomized fighter assigned to the computer player. The winner is announced and their respective score goes up by one point. The game resets after a couple of seconds. The user can change game types whenever they like.

INSTALLATION INSTRUCTIONS

  • Fork this repository
  • Clone down your new, forked repo
  • cd into the repository
  • Open it in your text editor
  • View the project in the browser by running open index.html in your terminal` โ€‹

PREVIEW OF APP

ezgif com-video-to-gif

CONTEXT

I am a front end engineering student at Turing School of Software and Design. This is my final solo project as required of Mod 1 of the program. The project took a week to complete.

CONTRIBUTORS

Paulina Rubio

LEARNING GOALS

  • Solidify and demonstrate my understanding of DRY JavaScript.
  • Understand the difference between the data model and how the data is displayed in the DOM.
  • Use my problem solving procesesses 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

Wins:

  • Achieving all the required features of the app as specified by project page was the biggest win for me.
  • Manipulating JavaScript, HTML, and CSS together to get the project done was fun and a big learning experience through writing my own code start to finish.

Challenges

  • The biggest challenge was not having someone to talk through the code with as opposed to the paired and group projects done in the past. The biggest challenge is also in a way the biggest win, because this pushed me to really dig deep and do my own research, come up with an answer on my own, and find the right one through trial and error.
  • Connecting my data model to the DOM was a big challenege as well. This was especially true when the time came to add the difficult game choice on to the existing code.

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.