├── .gitignore
├── .rspec
├── Gemfile
├── Gemfile.lock
├── README.md
├── app.rb
├── lib
    ├── profile.rb
    ├── sinatra
    │   └── oauth_routes.rb
    └── we_got_coders
    │   └── trainee.rb
├── primes.rb
├── public
    ├── images
    │   └── logo.png
    └── stylesheets
    │   ├── main.css
    │   └── reset.css
├── spec
    ├── primes_spec.rb
    └── spec_helper.rb
└── views
    ├── error.erb
    ├── index.erb
    ├── main.erb
    └── primes.erb


/.gitignore:
--------------------------------------------------------------------------------
1 | README.html
2 | 


--------------------------------------------------------------------------------
/.rspec:
--------------------------------------------------------------------------------
1 | --color
2 | --format progress
3 | 


--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
 1 | source "https://rubygems.org"
 2 | 
 3 | gem 'sinatra'
 4 | gem 'oauth2'
 5 | gem 'httparty'
 6 | gem 'json'
 7 | 
 8 | group :development, :test do
 9 |   gem 'pry'
10 |   gem 'rspec'
11 | end


--------------------------------------------------------------------------------
/Gemfile.lock:
--------------------------------------------------------------------------------
 1 | GEM
 2 |   remote: https://rubygems.org/
 3 |   specs:
 4 |     coderay (1.1.1)
 5 |     diff-lcs (1.3)
 6 |     faraday (0.11.0)
 7 |       multipart-post (>= 1.2, < 3)
 8 |     httparty (0.14.0)
 9 |       multi_xml (>= 0.5.2)
10 |     json (2.1.0)
11 |     jwt (1.5.6)
12 |     method_source (0.8.2)
13 |     multi_json (1.12.1)
14 |     multi_xml (0.6.0)
15 |     multipart-post (2.0.0)
16 |     oauth2 (1.3.1)
17 |       faraday (>= 0.8, < 0.12)
18 |       jwt (~> 1.0)
19 |       multi_json (~> 1.3)
20 |       multi_xml (~> 0.5)
21 |       rack (>= 1.2, < 3)
22 |     pry (0.10.4)
23 |       coderay (~> 1.1.0)
24 |       method_source (~> 0.8.1)
25 |       slop (~> 3.4)
26 |     rack (1.6.5)
27 |     rack-protection (1.5.3)
28 |       rack
29 |     rspec (3.6.0)
30 |       rspec-core (~> 3.6.0)
31 |       rspec-expectations (~> 3.6.0)
32 |       rspec-mocks (~> 3.6.0)
33 |     rspec-core (3.6.0)
34 |       rspec-support (~> 3.6.0)
35 |     rspec-expectations (3.6.0)
36 |       diff-lcs (>= 1.2.0, < 2.0)
37 |       rspec-support (~> 3.6.0)
38 |     rspec-mocks (3.6.0)
39 |       diff-lcs (>= 1.2.0, < 2.0)
40 |       rspec-support (~> 3.6.0)
41 |     rspec-support (3.6.0)
42 |     sinatra (1.4.8)
43 |       rack (~> 1.5)
44 |       rack-protection (~> 1.4)
45 |       tilt (>= 1.3, < 3)
46 |     slop (3.6.0)
47 |     tilt (2.0.7)
48 | 
49 | PLATFORMS
50 |   ruby
51 | 
52 | DEPENDENCIES
53 |   httparty
54 |   json
55 |   oauth2
56 |   pry
57 |   rspec
58 |   sinatra
59 | 
60 | BUNDLED WITH
61 |    1.14.3
62 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | <p align="center">
 2 |   <img src="https://wegotcoders.com/assets/logos/WEGOTCODERS_color_linked_in.png" alt="We Got Coders" />
 3 | </p>
 4 | 
 5 | # Programming Challenge
 6 | 
 7 | This is the application that you will be using to demonstrate your preparedness for the course. If you've already applied and are ready to get started, follow the instructions below. If you haven't yet applied, please read about We Got Coders and apply on our website, http://wegotcoders.com/trainees.
 8 | 
 9 | ## INSTALL
10 | 
11 | Follow these steps to get going.
12 | 
13 | * Prepare a folder to put your work inside. We recommend using ```projects``` in your home folder.
14 | ```mkdir ~/projects```
15 | * Fork this repository into your own GitHub account.
16 | * Clone a copy to your local machine.
17 | ```
18 |   cd ~/projects
19 |   git clone <your-git-clone-url>
20 | ```
21 | * Change directory to your cloned workspace in the terminal. ```cd wgc_groundwork```
22 | * We now need to install some dependencies that will make the application work. If you've not done so already, install bundler using the ```gem install bundler``` command. Then run the ```bundle``` command, and you should see a number of gems being installed (see http://bundler.io for more information on how this works).
23 | * Update app.rb to include your OAuth application id and application secret,
24 | which you can find on your profile page (http://wegotcoders.com/trainees/sign_in).
25 | * Run the application using the following command: ```ruby app.rb```. Don't forget
26 | that every time you change app.rb, you must restart the server by entering ```CTRL+C```
27 | in the terminal, and re-run ```ruby app.rb```.
28 | * Cut + paste this URL into your browser: ```http://localhost:4567```. You should see the We Got Coders logo and some welcome text.
29 | * Click the authorize link. The application will retrieve your profile data from We Got Coders. You may need to sign-in with your username and password.
30 | 
31 | ## TODO
32 | 
33 | Attempt the following tasks. The list is meant to be progressively more
34 | difficult and open-ended; the aim is to demonstrate your approach when dealing with programming issues and to test your initiative. Complete as much as you can within the time limit; you will not be penalised for not finishing the list. We are looking for self-motivated effort and to see how much of the groundwork you have grasped.
35 | 
36 | Don't forget to ```git add .``` and ```git commit``` after each step, if you have made any changes to your code!
37 | 
38 | * You should see a list of the profile data that you submitted to us when you
39 | applied to We Got Coders. Use your knowledge of HTML / CSS to redesign and
40 | layout the page in a presentable way. Show us what you can do with:
41 | 
42 |     * Headings
43 |     * Lists
44 |     * Backgrounds / Gradients
45 |     * Multiple columns
46 | 
47 | * Add an image of yourself to your profile. Add CSS where necessary to ensure that it looks presentable.
48 | 
49 | * Observe how the about field works. What makes it bound to the data from your profile? Add more fields so that you can edit your profile.
50 | 
51 | * Add a field to the form so that you can add your Codecademy account to
52 | your profile. You will need an input text box, with the appropriate ```name``` attribute.
53 | 
54 | * Add some Javascript to the provided ```<script>``` tag in the views/index.erb file, that counts the number of words in each section. You ought to have at least twenty words for each of the questions.
55 | 
56 | * Add code to the primes.rb file, that finds the sum of all prime numbers less than one hundred. Can you refactor the implementation so that you can pass in higher numbers to act as the limit? Test your implementation by running the rspec command ```rspec```. Find the sum of all prime numbers up to two million. Add a field to your profile named ```trainees[primes_sum]``` and enter in your answer.
57 | 
58 | * Over to you! Make any adjustments that you see fit, and add a feature that you are interested in attempting. Perhaps you might:
59 | 
60 |     * Attempt a programming puzzle in Ruby, see http://projecteuler.net
61 |     * Experiment with using JavaScript to respond to user events
62 |     * Add some more pages and link them together
63 | 
64 | * Once you are done, submit a pull request. We will use this to review your work once you are done.
65 | 
66 | * Get buzzing! Mention @wegotcoders and tell the world why you decided to join the course and become a web developer.
67 | 
68 | ## FAQs / Troubleshooting
69 | 
70 | * If you see this message, then you haven't set your application id and secret correctly.
71 | 
72 | ```Client authentication failed due to unknown client, no client authentication included, or unsupported authentication method.```
73 | 
74 | * If the profile fails to update, you may have failed validation on We Got Coder's servers. Read the error message and see if you can alter the input to address the issue.
75 | 
76 | * If you are having trouble updating your Codecademy, ensure that you have entered the correct URL to your profile page, including the http:// part of the URL.
77 | 
78 | * If you're stuck, try deleting your cookies and starting again. There is a good plugin for chrome called Edit This Cookie that allows you to easily delete cookies.
79 | 
80 | * You can use any third-party frameworks that you wish: bootstrap, jQuery etc. but this is not necessary nor required.
81 | 


--------------------------------------------------------------------------------
/app.rb:
--------------------------------------------------------------------------------
 1 | require 'sinatra'
 2 | require './lib/profile'
 3 | 
 4 | set :application_id, 'EDIT_ME'
 5 | set :secret, 'EDIT_ME'
 6 | set :redirect_uri, 'http://localhost:4567/callback'
 7 | set :site_url, 'https://wegotcoders.com'
 8 | set :session_secret, 'secret'
 9 | enable :sessions
10 | 
11 | get '/primes' do
12 |   # TODO - Can we make this dynamic?
13 |   limit = 100
14 | 
15 |   # TODO - add your prime number solution in the primes.rb file.
16 |   @sum = Primes.sum_to(limit)
17 | 
18 |   erb :primes, :layout => :main
19 | end
20 | 
21 | get '/' do
22 |   if signed_in?
23 |     @profile = trainee.get_profile
24 |   end
25 | 
26 |   erb :index, :layout => :main
27 | end
28 | 
29 | post '/update' do
30 |   response = trainee.update_profile(params)
31 | 
32 |   if @errors = response["errors"]
33 |     erb :error, :layout => :main
34 |   else
35 |     redirect '/'
36 |   end
37 | end
38 | 
39 | include Sinatra::OauthRoutes
40 | 
41 | def trainee
42 |   @trainee ||= WeGotCoders::Trainee.new(settings.site_url, session[:access_token])
43 | end
44 | 


--------------------------------------------------------------------------------
/lib/profile.rb:
--------------------------------------------------------------------------------
1 | require 'oauth2'
2 | require 'pry'
3 | require 'httparty'
4 | require 'json'
5 | require './lib/sinatra/oauth_routes'
6 | require './lib/we_got_coders/trainee'
7 | require './primes'
8 | 


--------------------------------------------------------------------------------
/lib/sinatra/oauth_routes.rb:
--------------------------------------------------------------------------------
 1 | require 'sinatra/base'
 2 | 
 3 | module Sinatra
 4 |   module OauthRoutes
 5 |     def self.registered(app)
 6 | 
 7 |       def client
 8 |         OAuth2::Client.new(
 9 |           settings.application_id,
10 |           settings.secret,
11 |           :site => settings.site_url,
12 |           :token_method => :post,
13 |         )
14 |       end
15 | 
16 |       def access_token
17 |         OAuth2::AccessToken.new(client, session[:access_token], :refresh_token => session[:refresh_token])
18 |       end
19 | 
20 |       def signed_in?
21 |         !session[:access_token].nil?
22 |       end
23 | 
24 |       app.get '/authorise' do
25 |         redirect client.auth_code.authorize_url(:redirect_uri => settings.redirect_uri)
26 |       end
27 | 
28 |       app.get '/callback' do
29 |         if params["error"]
30 |           @errors = Hash.new[params["error"]]= params["error_description"]
31 |           erb :error, :layout => :main
32 |         else
33 |           new_token = client.auth_code.get_token(params[:code], :redirect_uri => settings.redirect_uri)
34 |           session[:access_token]  = new_token.token
35 |           session[:refresh_token] = new_token.refresh_token
36 | 
37 |           redirect '/'
38 |         end
39 |       end
40 |     end
41 |   end
42 | 
43 |   register OauthRoutes
44 | end


--------------------------------------------------------------------------------
/lib/we_got_coders/trainee.rb:
--------------------------------------------------------------------------------
 1 | module WeGotCoders
 2 |   class Trainee
 3 |     include HTTParty
 4 | 
 5 |     attr_accessor :access_token
 6 | 
 7 |     def initialize(url, access_token)
 8 |       self.class.base_uri url
 9 |       self.access_token = access_token
10 |     end
11 | 
12 |     def get_profile
13 |       response = self.class.get("/trainees/profile?access_token=#{access_token}")
14 |       if response.code == 200
15 |         @get_profile ||= JSON.parse(response.body)
16 |       else
17 |         raise Exception.new("Could not find profile. Is the site_url correct?")
18 |       end
19 |     end
20 | 
21 |     def update_profile(params)
22 |       response = self.class.put("/trainees/profile?access_token=#{access_token}", :body => params)
23 |     end
24 |   end
25 | end


--------------------------------------------------------------------------------
/primes.rb:
--------------------------------------------------------------------------------
1 | class Primes
2 |   def self.sum_to(limit = 100)
3 |     # TODO - add your prime number solution here...
4 |     "I'm working on it!"
5 |   end
6 | end


--------------------------------------------------------------------------------
/public/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wegotcoders/wgc_groundwork/da49f463cd309cc2c471fac1207aa1d47d91bdc0/public/images/logo.png


--------------------------------------------------------------------------------
/public/stylesheets/main.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 3 |   font-size: 14px;
 4 |   line-height: 1.428571429;
 5 |   color: #333;
 6 | }
 7 | 
 8 | #logo {
 9 |   text-align: center;
10 | }
11 | 
12 | #content {
13 |   padding: 1em;
14 | }
15 | 
16 | .box {
17 |   border: 1px solid #999;
18 |   background: #FCFCFC;
19 |   padding: 1em;
20 |   margin-bottom: 0.5em;
21 | }
22 | 
23 | .welcome {
24 |   text-align: center;
25 | }
26 | 
27 | h3 {
28 |   font-size: 1.5em;
29 | }
30 | 
31 | .error {
32 |   text-align: center;
33 | }
34 | 
35 | .error h2 {
36 |   font-size: 1.5em;
37 | }
38 | 
39 | /* TODO - Add your own styles here */
40 | 


--------------------------------------------------------------------------------
/public/stylesheets/reset.css:
--------------------------------------------------------------------------------
 1 | /* http://meyerweb.com/eric/tools/css/reset/
 2 |    v2.0 | 20110126
 3 |    License: none (public domain)
 4 | */
 5 | 
 6 | html, body, div, span, applet, object, iframe,
 7 | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 8 | a, abbr, acronym, address, big, cite, code,
 9 | del, dfn, em, img, ins, kbd, q, s, samp,
10 | small, strike, strong, sub, sup, tt, var,
11 | b, u, i, center,
12 | dl, dt, dd, ol, ul, li,
13 | fieldset, form, label, legend,
14 | table, caption, tbody, tfoot, thead, tr, th, td,
15 | article, aside, canvas, details, embed,
16 | figure, figcaption, footer, header, hgroup,
17 | menu, nav, output, ruby, section, summary,
18 | time, mark, audio, video {
19 | 	margin: 0;
20 | 	padding: 0;
21 | 	border: 0;
22 | 	font-size: 100%;
23 | 	font: inherit;
24 | 	vertical-align: baseline;
25 | }
26 | /* HTML5 display-role reset for older browsers */
27 | article, aside, details, figcaption, figure,
28 | footer, header, hgroup, menu, nav, section {
29 | 	display: block;
30 | }
31 | body {
32 | 	line-height: 1;
33 | }
34 | ol, ul {
35 | 	list-style: none;
36 | }
37 | blockquote, q {
38 | 	quotes: none;
39 | }
40 | blockquote:before, blockquote:after,
41 | q:before, q:after {
42 | 	content: '';
43 | 	content: none;
44 | }
45 | table {
46 | 	border-collapse: collapse;
47 | 	border-spacing: 0;
48 | }


--------------------------------------------------------------------------------
/spec/primes_spec.rb:
--------------------------------------------------------------------------------
 1 | require 'spec_helper'
 2 | 
 3 | describe Primes do
 4 | 
 5 |   it "should caculate the sum of prime numbers to 100" do
 6 |     expect(Primes.sum_to).to eq(1060)
 7 |   end
 8 | 
 9 |   it "should caculate the sum of prime numbers to 1000" do
10 |     expect(Primes.sum_to(1_000)).to eq(76127)
11 |   end
12 | 
13 |   it "should caculate the sum of prime numbers to 10000" do
14 |     expect(Primes.sum_to(10_000)).to eq(5736396)
15 |   end
16 | 
17 | end


--------------------------------------------------------------------------------
/spec/spec_helper.rb:
--------------------------------------------------------------------------------
 1 | # This file was generated by the `rspec --init` command. Conventionally, all
 2 | # specs live under a `spec` directory, which RSpec adds to the `$LOAD_PATH`.
 3 | # Require this file using `require "spec_helper"` to ensure that it is only
 4 | # loaded once.
 5 | #
 6 | 
 7 | require './primes'
 8 | 
 9 | 
10 | # See http://rubydoc.info/gems/rspec-core/RSpec/Core/Configuration
11 | RSpec.configure do |config|
12 |   config.treat_symbols_as_metadata_keys_with_true_values = true
13 |   config.run_all_when_everything_filtered = true
14 |   config.filter_run :focus
15 | 
16 |   # Run specs in random order to surface order dependencies. If you find an
17 |   # order dependency and want to debug it, you can fix the order by providing
18 |   # the seed, which is printed after each run.
19 |   #     --seed 1234
20 |   config.order = 'random'
21 | end
22 | 


--------------------------------------------------------------------------------
/views/error.erb:
--------------------------------------------------------------------------------
 1 | <div class="error">
 2 |   <h2>Error</h2>
 3 | 
 4 |   <p>Unforunately, there was a problem updating your profile. Here's some more
 5 |   information about the request, response and what went wrong:</p>
 6 | 
 7 |   <%= @errors.inspect %>
 8 | 
 9 |   <div>
10 |     <a href="/">Back</a>
11 |   </div>
12 | </div>


--------------------------------------------------------------------------------
/views/index.erb:
--------------------------------------------------------------------------------
 1 | <% if @profile %>
 2 |   <h3><%= @profile["first_name"] %>'s Amazing Profile</h3>
 3 | 
 4 |   <!-- TODO- Perhaps re-jig this to fit your new design / layout -->
 5 |   <% @profile.each do |field, value| %>
 6 |     <div class="profile-section box">
 7 |       <h4><%= field %></h4>
 8 |       <p class="profile-value"><%= value %></p>
 9 |     </div>
10 |   <% end %>
11 | 
12 |   <div id="stats" class="box">
13 |     <h3>Stats</h3>
14 |     <!-- TODO - Set the contents of this span with JavaScript -->
15 |     <span id="word-count">0</span> words found.
16 |   </div>
17 | 
18 |   <div id="problems" class="box">
19 |     <h3>Programming Problems</h3>
20 |     <a href="/primes">My Prime Number Solution</a>
21 |   </div>
22 | 
23 |   <div class="box">
24 |     <h3>Edit Profile</h3>
25 | 
26 |     <form action="/update" method="POST">
27 |       <fieldset>
28 |         <div class="form-group">
29 |           <label for="trainee[about]">About</label>
30 |           <input type="text" name="trainee[about]" value="<%= @profile["about"] %>"/>
31 |         </div>
32 | 
33 |         <!-- TODO - Add more fields so that your profile can be edited -->
34 | 
35 |         <input type="submit" value="Update Profile" class="btn btn-primary" />
36 |       </fieldset>
37 |     </form>
38 |   </div>
39 | <% else %>
40 |   <div class="welcome">
41 |     <p>Welcome! Once you have updated the OAuth tokens, the link below will fetch your profile information.</p>
42 | 
43 |     <a href="/authorise">Authorise</a>
44 |   </div>
45 | <% end %>
46 | 
47 | 
48 | <!-- Add your Javascript to this script tag -->
49 | <script language="javascript">
50 |   console.log("I am Javascript!");
51 | 
52 |   var profile_values = document.getElementsByClassName('profile-value');
53 |   var total_words = 0;
54 | 
55 |   // TODO - Count the number of words in the profile.
56 |   // hint - look at what the innerHTML property provides.
57 | 
58 |   document.getElementById('word-count').innerHTML = total_words;
59 | </script>


--------------------------------------------------------------------------------
/views/main.erb:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |   <meta charset="utf-8">
 5 |   <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |   <meta name="viewport" content="width=device-width, initial-scale=1">
 7 |   <title>We Got Coders - My Amazing Application</title>
 8 |   <link rel="stylesheet" href="/stylesheets/reset.css">
 9 |   <link rel="stylesheet" href="/stylesheets/main.css">
10 | </head>
11 | <body>
12 | 
13 |   <div id="logo">
14 |     <img src="/images/logo.png" alt="We Got Coders"  />
15 |   </div>
16 | 
17 |   <div id="content">
18 |     <%= yield %>
19 |   </div>
20 | 
21 | </body>
22 | </html>


--------------------------------------------------------------------------------
/views/primes.erb:
--------------------------------------------------------------------------------
1 | <h1>Prime Numbers</h1>
2 | 
3 | Sum : <%= @sum %>
4 | 
5 | <div>
6 |   <a href="/">Back</a>
7 | </div>


--------------------------------------------------------------------------------