rps challenge

Gemfile

@@ -3,6 +3,7 @@ source 'https://rubygems.org'
 ruby '2.5.0'
 
 gem 'rake'
+gem 'shotgun'
 gem 'sinatra'
 
 group :test do

Gemfile.lock

@@ -54,6 +54,8 @@ GEM
       ruby-progressbar (~> 1.7)
       unicode-display_width (~> 1.0, >= 1.0.1)
     ruby-progressbar (1.9.0)
+    shotgun (0.9.2)
+      rack (>= 1.0)
     simplecov (0.15.1)
       docile (~> 1.1.0)
       json (>= 1.8, < 3)
@@ -81,6 +83,7 @@ DEPENDENCIES
   rake
   rspec
   rubocop (= 0.56.0)
+  shotgun
   simplecov
   simplecov-console
   sinatra
@@ -89,4 +92,4 @@ RUBY VERSION
    ruby 2.5.0p0
 
 BUNDLED WITH
-   1.16.1
+   1.16.2

README.md

@@ -1,23 +1,10 @@
 # RPS Challenge
 
-Instructions
--------
+[User Stories](#user-stories) | [Game Rules](#rules) | [Technologies](#technologies) | [User Interaction and Interaction](#experience) | [Running the App](#running-app) | [Running tests](#tests) | [Approach](#approach) | [Contributing](#contributing)
 
-* Challenge time: rest of the day and weekend, until Monday 9am
-* Feel free to use google, your notes, books, etc. but work on your own
-* If you refer to the solution of another coach or student, please put a link to that in your README
-* If you have a partial solution, **still check in a partial solution**
-* You must submit a pull request to this repo with your code by 9am Monday morning
-
-Task
+<a name="user-stories">User stories</a>
 ----
 
-Knowing how to build web applications is getting us almost there as web developers!
-
-The Makers Academy Marketing Array ( **MAMA** ) have asked us to provide a game for them. Their daily grind is pretty tough and they need time to steam a little.
-
-Your task is to provide a _Rock, Paper, Scissors_ game for them so they can play on the web with the following user stories:
-
 ```sh
 As a marketeer
 So that I can see my name in lights
@@ -28,59 +15,89 @@ So that I can enjoy myself away from the daily grind
 I would like to be able to play rock/paper/scissors
 ```
 
-Hints on functionality
+<a name="rules">Game Rules</a>
+---
 
-- the marketeer should be able to enter their name before the game
-- the marketeer will be presented the choices (rock, paper and scissors)
-- the marketeer can choose one option
-- the game will choose a random option
-- a winner will be declared
+- Rock beats Scissors
+- Scissors beats Paper
+- Paper beats Rock
+- Lizard beats Paper
+- Lizard beats Spock
+- Spock beats Rock
+- Spock beats Scissors
+- Rock beats Lizard
+- Scissors beats Lizard
+- Paper beats Spock
 
+<a name="technologies"> Technologies</a>
+---
 
-As usual please start by
+- Ruby
+- RSpec
+- Capybara
+- CSS
 
-* Forking this repo
-* TEST driving development of your app
+<a name="experience"> User Interaction and Experience</a>
+---
 
+![1](./assets/1.png)
 
-## Bonus level 1: Multiplayer
+![2](./assets/2.png)
 
-Change the game so that two marketeers can play against each other ( _yes there are two of them_ ).
+![3](./assets/3.png)
 
-## Bonus level 2: Rock, Paper, Scissors, Spock, Lizard
+<a name="running-app"> Running the app</a>
+---
 
-Use the _special_ rules ( _you can find them here http://en.wikipedia.org/wiki/Rock-paper-scissors-lizard-Spock_ )
+- Clone this repository
+```
+$ git clone https://github.com/m-rcd/rps-challenge
+$ cd rps-challenge
+```
+- Install dependencies:
+```
+$ gem install
+```
+- Run the app
+```
+$ rackup
+```
+- In your browser, go to
+```
+localhost:9292
+```
 
-## Basic Rules
+<a name="tests">Running the tests</a>
+---
+- Run
+```
+$ rspec
+```
 
-- Rock beats Scissors
-- Scissors beats Paper
-- Paper beats Rock
+![test](./assets/test.png)
 
-In code review we'll be hoping to see:
+<a name="approach">Approach</a>
+---
 
-* All tests passing
-* High [Test coverage](https://github.com/makersacademy/course/blob/master/pills/test_coverage.md) (>95% is good)
-* The code is elegant: every class has a clear responsibility, methods are short etc.
+- Using TDD, I started by creating a web app that allow the user to enter their name and choose rock, paper or scissors.
+- I then created a file called game.rb which contained the game logic.
+- I also added a player class to allow the user to have a name
+- I added a computer class which choose an option randomly.
+- I then added a result page which would declare the winner
+- I added a button that allows the user to play again
+- I added the option to play a multiplayer game: 2 players can add their names, each choose an option and then see the winner
+- I then added 2 options to the game: lizard and Spock
+- I added the option to start a new game after a game ends
+- Having finished implementing its functionality ,I used css to make it look nice
 
-Reviewers will potentially be using this [code review rubric](docs/review.md).  Referring to this rubric in advance may make the challenge somewhat easier.  You should be the judge of how much challenge you want this weekend.
+<a name="contributing"> Contributing</a>
+---
 
-Notes on test coverage
-----------------------
+Pull Requests are always welcome.
 
-Please ensure you have the following **AT THE TOP** of your spec_helper.rb in order to have test coverage stats generated
-on your pull request:
+When you edit the code, please run `rspec` to check all the tests pass. Also run `rubocop` before you git commit.
 
-```ruby
-require 'simplecov'
-require 'simplecov-console'
+Ensure the PR description clearly describes the problem and solution. It should include the relevant issue number, if applicable.
 
-SimpleCov.formatter = SimpleCov::Formatter::MultiFormatter.new([
-  SimpleCov::Formatter::Console,
-  # Want a nice code coverage website? Uncomment this next line!
-  # SimpleCov::Formatter::HTMLFormatter
-])
-SimpleCov.start
-```
 
-You can see your test coverage when you run your tests. If you want this in a graphical form, uncomment the `HTMLFormatter` line and see what happens!
+[Play now!](https://stark-journey-20582.herokuapp.com/)

app.rb

@@ -0,0 +1,68 @@
+require 'sinatra/base'
+require './lib/game'
+require './lib/player'
+
+class RPS < Sinatra::Base
+  enable :sessions
+
+  get '/' do
+    erb :index
+  end
+
+  post '/game_mode' do
+    session[:game_mode] = params[:game_mode].to_sym
+    @gamemode = session[:game_mode]
+    erb :name_input
+  end
+
+  post '/name' do
+    player1 = Player.new(params[:player1])
+    if @gamemode == :singleplayer
+      player2 = Player.new('Skynet')
+    else
+      player2 = Player.new(params[:player2])
+    end
+    session[:game] = Game.new(player1, player2)
+    redirect '/play'
+  end
+
+  get '/play' do
+    @game =  session[:game]
+    erb :optionp1
+  end
+
+  post '/optionp1' do
+    @gamemode = session[:game_mode]
+    session[:player1_choice] = params[:commit]
+    if @gamemode == :singleplayer
+      redirect '/result'
+    else
+      redirect '/playp2'
+    end
+  end
+
+  get '/playp2' do
+    @game = session[:game]
+    erb :optionp2
+  end
+
+  post '/optionp2' do
+    session[:player2_choice] = params[:option]
+    redirect '/result'
+  end
+
+  get '/result' do
+    @game = session[:game]
+    @gamemode = session[:game_mode]
+    @game.player1.choice(session[:player1_choice])
+    if @gamemode == :singleplayer
+      @game.player2.choice(@game.computer_choice)
+    else
+      @game.player2.choice(session[:player2_choice])
+    end
+    @result = @game.play
+    erb :result
+  end
+
+  run! if app_file == $0
+end

config.ru

@@ -0,0 +1,2 @@
+require_relative "./app"
+run RPS

lib/game.rb

@@ -0,0 +1,27 @@
+class Game
+  attr_reader :player1, :result, :player2
+
+  def initialize(player1, player2)
+    @player1 = player1
+    @player2 = player2
+    @key_beats_value = { :Rock => [:Scissors, :Lizard], :Paper =>
+      [:Rock, :Spock], :Scissors => [:Paper, :Lizard],
+      :Spock => [:Scissors, :Rock], :Lizard => [:Spock, :Paper] }
+  end
+
+  def play
+    p1 = player1.player_choice.to_sym
+    p2 = player2.player_choice.to_sym
+    if @key_beats_value[p1].include?(p2)
+      'player1'
+    elsif @key_beats_value[p2].include?(p1)
+      'player2'
+    else
+      'draw'
+    end
+  end
+
+  def computer_choice
+    ['Rock', 'Paper', 'Scissors', 'Spock', 'Lizard'].sample
+  end
+end

lib/player.rb

@@ -0,0 +1,11 @@
+class Player
+  attr_reader :name, :player_choice
+
+  def initialize(name)
+    @name = name
+  end
+
+  def choice(choice)
+    @player_choice = choice
+  end
+end

public/css/main.css

@@ -0,0 +1,75 @@
+.button {
+    display: inline-block;
+    width: 120px;
+    background-color: #8A2BE2 ;
+    border: 2px solid white;
+    color: white;
+    text-decoration: none;
+    text-align: center;
+    border-radius: 4px;
+    margin-left: 5px;
+    margin-right: 5px;
+    margin-bottom: 20px;
+    padding-bottom: 2px;
+    padding-top: 2px;
+    font-size: 16px;
+    font-family: Times, Georgia, Serif;
+    cursor: pointer;
+}
+
+body {
+    margin-top: 100px;
+    background-color: black;
+    color: white;
+    font-family: "Courier New", Courier, monospace;
+    font-size: 20px;
+}
+
+
+body a {
+    color: white;
+    text-decoration: none;
+    font-family: "Courier New", Courier, monospace;
+    font-size: 65px;
+    text-align: center;
+    margin: 60px;
+    display: block;
+}
+
+h1 {
+    text-align: center;
+    font-size: 60px;
+
+}
+
+.im {
+  position: relative;
+    top: -140px;
+    right: -100px;
+}
+
+
+form {
+  text-align: center;
+}
+
+p {
+  text-align: center;
+  font-size: 70px;
+}
+h2 {
+    text-align: center;
+    font-size: 50px;
+}
+
+form input[type='text'] {
+    border: 2px solid #8A2BE2 ;
+    font-family: "Courier New", Courier, monospace;
+    font-size: 16px;
+    text-align: center;
+    width: 200px;
+    padding: 3px;
+    margin-top: 40px;
+    background-color: white;
+
+}