Guess The Number web edition

Different versions of the Guess The Number game for TechLadies pre-bootcamp workshop #2

Guess the Number is a basic ruby application built on top of Sinatra for the purposes of TechLadies pre-bootcamp workshop #2, which covers the basics of the web, HTML and CSS. We will also cover some basic Git concepts and how to deploy the app onto Heroku. Given that everyone may be using different machines with different operating systems, we will be using Cloud9 as our development environment.

Resources used

• GitHub
• Cloud9
• Heroku

Getting set up

On GitHub

1. Sign up for a GitHub account.
2. Go to the Guess The Number project repository and fork it by clicking the Fork button in the top right corner (ask for help if you can't find it).
3. Leave this window open as you will need to perform further set up actions to integrate smoothly with Nitrous or Cloud9.

On Cloud9

1. Sign up for a Cloud9 account by clicking on the GitHub icon in the top right corner. You will need to authorize Cloud9 to use your Github account.
2. Once it's done, you will be at the Dashboard page.
3. Click on Create New Workspace.
4. Enter a name for your workspace and a brief description.
5. Fill in [email protected]:<YOUR_USER_NAME>/guess-the-number-sinatra.git in the field Clone from Git or Mercurial URL (optional). This is the repository that you forked to your own account in the earlier steps.
6. Select HTML5 for the Choose a template option.
7. Click on the green Create Workspace button to proceed.
8. You should see a loading window, and this may take a while, so keep the window open and let it run.
9. When things are set up, you should see your workspace, with a file manager in the left column, a text editor taking up most of the space in the main right area and a smaller terminal in the bottom of the right area.
10. In the terminal, enter gem install bundler and press enter.
11. In the terminal, enter bundle install and press enter.
12. To run the app, enter ruby app.rb -p $PORT -o $IP in the terminal and press enter.
13. You should see something like this in the terminal

[2016-08-11 16:31:24] INFO  WEBrick 1.3.1
[2016-08-11 16:31:24] INFO  ruby 2.3.1 (2016-04-26) [x86_64-linux]
== Sinatra (v1.4.7) has taken the stage on 3000 for development with backup from WEBrick
[2016-08-11 16:31:24] INFO  WEBrick::HTTPServer#start: pid=683 port=3000

12. Press Ctrl+C to stop the app

On Heroku

1. Sign up for a Heroku account by clicking Sign Up in the top right corner.
2. After verifying your email and setting your password, proceed to the dashboard.
3. Click on the New button on the top right, click Create New App button, leave the defaults and click Create App.
4. For Deployment Method, select the Connect to GitHub option.
5. Click the Connect to Github button and authorize Heroku to have access to your GitHub account information.
6. Search for the guess-the-number-sinatra repository and click the Connect button.
7. If you choose to Enable Automatic Deploy, then every time you commit a change to your repository, Heroku will deploy those changes.
8. You can also choose to manually deploy your app.