20 | loggedIn ? :
21 | }
22 | />
23 | );
24 |
25 | const mapStateToProps = state => ({ loggedIn: Boolean(state.session.id) });
26 |
27 | export const AuthRoute = withRouter(connect(mapStateToProps)(Auth));
28 |
29 | export const ProtectedRoute = withRouter(connect(mapStateToProps)(Protected));
30 |
--------------------------------------------------------------------------------
/frontend/reducers/watchlist_reducer.js:
--------------------------------------------------------------------------------
1 | import merge from "lodash/merge";
2 |
3 | import {
4 | RECEIVE_WATCHLIST_ITEM,
5 | RECEIVE_ALL_WATCHLIST_ITEMS,
6 | REMOVE_WATCHLIST_ITEM
7 | } from "./../actions/watchlist_actions";
8 | import { LOGOUT_CURRENT_USER } from "../actions/session_actions";
9 |
10 | const watchlistItemsReducer = (state = {}, action) => {
11 | Object.freeze(state);
12 | switch (action.type) {
13 | case LOGOUT_CURRENT_USER:
14 | return {};
15 | case RECEIVE_ALL_WATCHLIST_ITEMS:
16 | return merge({}, state, action.items);
17 | case RECEIVE_WATCHLIST_ITEM:
18 | return merge({}, state, action.item);
19 | case REMOVE_WATCHLIST_ITEM:
20 | let newState = Object.assign({}, state);
21 | delete newState[Object.values(action.item)[0].id];
22 |
23 | return newState;
24 | default:
25 | return state;
26 | }
27 | };
28 |
29 | export default watchlistItemsReducer;
30 |
--------------------------------------------------------------------------------
/bin/update:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env ruby
2 | require 'fileutils'
3 | include FileUtils
4 |
5 | # path to your application root.
6 | APP_ROOT = File.expand_path('..', __dir__)
7 |
8 | def system!(*args)
9 | system(*args) || abort("\n== Command #{args} failed ==")
10 | end
11 |
12 | chdir APP_ROOT do
13 | # This script is a way to update your development environment automatically.
14 | # Add necessary update steps to this file.
15 |
16 | puts '== Installing dependencies =='
17 | system! 'gem install bundler --conservative'
18 | system('bundle check') || system!('bundle install')
19 |
20 | # Install JavaScript dependencies if using Yarn
21 | # system('bin/yarn')
22 |
23 | puts "\n== Updating database =="
24 | system! 'bin/rails db:migrate'
25 |
26 | puts "\n== Removing old logs and tempfiles =="
27 | system! 'bin/rails log:clear tmp:clear'
28 |
29 | puts "\n== Restarting application server =="
30 | system! 'bin/rails restart'
31 | end
32 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/home_chart.css:
--------------------------------------------------------------------------------
1 | .home-chart-view {
2 | float: left;
3 | width: 676px;
4 | margin-top: 70px;
5 | margin-left: 30px;
6 | text-align: left;
7 | display: block;
8 | height: 350px;
9 | }
10 |
11 | .home-port-value {
12 | font-family: "Roboto", sans-serif;
13 | font-size: 35px;
14 | margin-left: 60px;
15 | font-weight: 100;
16 | margin-bottom: 10px;
17 | }
18 |
19 | .home-daily-gain {
20 | font-family: "Roboto", sans-serif;
21 | font-size: 13px;
22 | margin-left: 65px;
23 | font-weight: 100;
24 | margin-top: 0px;
25 | }
26 |
27 | .top-movers-section {
28 | display: block;
29 | margin-top: 60vh;
30 | font-family: "Roboto", sans-serif;
31 | font-weight: 100;
32 | font-size: 21px;
33 | float: left;
34 | text-align: left;
35 | position: absolute;
36 | left: 100px;
37 | }
38 |
39 | .home-chart-container {
40 | height: 80%;
41 | }
42 |
43 | .chartjs-render-monitor {
44 | margin-left: 50px;
45 | height: 275px;
46 | }
47 |
--------------------------------------------------------------------------------
/config/locales/en.yml:
--------------------------------------------------------------------------------
1 | # Files in the config/locales directory are used for internationalization
2 | # and are automatically loaded by Rails. If you want to use locales other
3 | # than English, add the necessary files in this directory.
4 | #
5 | # To use the locales, use `I18n.t`:
6 | #
7 | # I18n.t 'hello'
8 | #
9 | # In views, this is aliased to just `t`:
10 | #
11 | # <%= t('hello') %>
12 | #
13 | # To use a different locale, set it with `I18n.locale`:
14 | #
15 | # I18n.locale = :es
16 | #
17 | # This would use the information in config/locales/es.yml.
18 | #
19 | # The following keys must be escaped otherwise they will not be retrieved by
20 | # the default I18n backend:
21 | #
22 | # true, false, on, off, yes, no
23 | #
24 | # Instead, surround them with single quotes.
25 | #
26 | # en:
27 | # 'true': 'foo'
28 | #
29 | # To learn more, please read the Rails Internationalization guide
30 | # available at http://guides.rubyonrails.org/i18n.html.
31 |
32 | en:
33 | hello: "Hello world"
34 |
--------------------------------------------------------------------------------
/frontend/components/session_form/signup_form_container.jsx:
--------------------------------------------------------------------------------
1 | import { connect } from "react-redux";
2 | import React from "react";
3 | import { Link } from "react-router-dom";
4 | import {
5 | signup,
6 | receiveErrors,
7 | receiveFirstUser
8 | } from "../../actions/session_actions";
9 | import SessionForm from "./session_form";
10 | import SignUpForm from "./signup_form";
11 |
12 | const mapStateToProps = ({ errors }) => {
13 | return {
14 | errors: errors.session,
15 | formType: "signup",
16 | navLink: (
17 |
18 | Try the demo
19 |
20 | )
21 | };
22 | };
23 |
24 | const mapDispatchToProps = dispatch => {
25 | return {
26 | processForm: user => dispatch(signup(user)),
27 | receiveErrors: errors => dispatch(receiveErrors(errors)),
28 | receiveFirstUser: () => dispatch(receiveFirstUser())
29 | };
30 | };
31 |
32 | export default connect(
33 | mapStateToProps,
34 | mapDispatchToProps
35 | )(SignUpForm);
36 |
--------------------------------------------------------------------------------
/frontend/components/home/top_movers/top_movers_container.js:
--------------------------------------------------------------------------------
1 | import { connect } from "react-redux";
2 | import React from "react";
3 | import { Link } from "react-router-dom";
4 | import TopMoversIndex from "./top_movers_index";
5 | import { fetchAllAthletes } from "./../../../actions/athlete_actions";
6 | import { fetchStocks } from "../../../actions/stock_actions";
7 | import { logout } from "../../../actions/session_actions";
8 |
9 | const mapStateToProps = (
10 | { session, entities: { athletes, users, orders, stocks } },
11 | ownProps
12 | ) => {
13 | return {
14 | currentUser: users[session.id],
15 | athletes: Object.values(athletes),
16 | orders: Object.values(orders),
17 | stocks: Object.values(stocks)
18 | };
19 | };
20 |
21 | const mDP = dispatch => ({
22 | fetchAllAthletes: () => dispatch(fetchAllAthletes()),
23 | logout: () => dispatch(logout()),
24 | fetchStocks: () => dispatch(fetchStocks())
25 | });
26 |
27 | export default connect(
28 | mapStateToProps,
29 | mDP
30 | )(TopMoversIndex);
31 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/not_found.css:
--------------------------------------------------------------------------------
1 | .doge-picture {
2 | max-height: 300px;
3 | position: absolute;
4 | bottom: 0;
5 | }
6 |
7 | .not-found-visual {
8 | margin-right: 150px;
9 | }
10 |
11 | .not-found-subtitle {
12 | font-family: "Open Sans", sans-serif;
13 | font-weight: lighter;
14 | font-size: 31px;
15 | }
16 |
17 | .not-found-error-text {
18 | font-family: "Open Sans", sans-serif;
19 | font-weight: 900;
20 | font-size: 36px;
21 | }
22 |
23 | .not-found-button {
24 | width: 120px;
25 | height: 48px;
26 | color: white;
27 | background-color: #21ce99;
28 | font-family: "Noto Sans", sans-serif;
29 | border-radius: 7px;
30 | font-size: 15px;
31 | border: none;
32 | }
33 |
34 | .not-found-button:hover {
35 | background-color: #1ae9aa;
36 | }
37 |
38 | .not-found-description {
39 | font-family: "Open Sans", sans-serif;
40 | font-size: 18px;
41 | font-weight: lighter;
42 | }
43 |
44 | .not-found-section {
45 | display: flex;
46 | justify-content: space-evenly;
47 | overflow: hidden;
48 | }
49 |
50 | .not-found-content {
51 | margin-top: 100px;
52 | }
53 |
--------------------------------------------------------------------------------
/bin/setup:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env ruby
2 | require 'fileutils'
3 | include FileUtils
4 |
5 | # path to your application root.
6 | APP_ROOT = File.expand_path('..', __dir__)
7 |
8 | def system!(*args)
9 | system(*args) || abort("\n== Command #{args} failed ==")
10 | end
11 |
12 | chdir APP_ROOT do
13 | # This script is a starting point to setup your application.
14 | # Add necessary setup steps to this file.
15 |
16 | puts '== Installing dependencies =='
17 | system! 'gem install bundler --conservative'
18 | system('bundle check') || system!('bundle install')
19 |
20 | # Install JavaScript dependencies if using Yarn
21 | # system('bin/yarn')
22 |
23 | # puts "\n== Copying sample files =="
24 | # unless File.exist?('config/database.yml')
25 | # cp 'config/database.yml.sample', 'config/database.yml'
26 | # end
27 |
28 | puts "\n== Preparing database =="
29 | system! 'bin/rails db:setup'
30 |
31 | puts "\n== Removing old logs and tempfiles =="
32 | system! 'bin/rails log:clear tmp:clear'
33 |
34 | puts "\n== Restarting application server =="
35 | system! 'bin/rails restart'
36 | end
37 |
--------------------------------------------------------------------------------
/app/models/user.rb:
--------------------------------------------------------------------------------
1 | class User < ApplicationRecord
2 | attr_reader :password
3 |
4 | validates :email, :password_digest, :session_token, :first_name, :last_name, presence: true
5 | validates :email, uniqueness: true
6 | validates :password, length: {minimum: 6}, allow_nil: true
7 |
8 | after_initialize :ensure_session_token
9 |
10 | has_many :orders
11 |
12 | def self.find_by_credentials(email, password)
13 | user = User.find_by(email: email)
14 | return nil unless user
15 | user.is_password?(password) ? user : nil
16 | end
17 |
18 | def password=(pw)
19 | @password = pw
20 | self.password_digest = BCrypt::Password.create(password)
21 | end
22 |
23 | def is_password?(pw)
24 | BCrypt::Password.new(self.password_digest).is_password?(pw)
25 | end
26 |
27 | def reset_session_token!
28 | self.session_token = SecureRandom.urlsafe_base64
29 | self.save!
30 | self.session_token
31 | end
32 |
33 | def ensure_session_token
34 | self.session_token ||= SecureRandom.urlsafe_base64
35 | end
36 | end
37 |
--------------------------------------------------------------------------------
/db/migrate/20181011054839_create_athletes.rb:
--------------------------------------------------------------------------------
1 | class CreateAthletes < ActiveRecord::Migration[5.2]
2 | def change
3 | create_table :athletes do |t|
4 | t.string :name, null: false, unique: true
5 | t.string :team_acronym
6 | t.string :team_name
7 | t.integer :games_played
8 | t.float :minutes_per_game
9 | t.float :field_goals_attempted_per_game
10 | t.float :field_goals_made_per_game
11 | t.float :field_goal_percentage
12 | t.float :free_throw_percentage
13 | t.float :three_point_attempted_per_game
14 | t.float :three_point_made_per_game
15 | t.float :three_point_percentage
16 | t.float :points_per_game
17 | t.float :offensive_rebounds_per_game
18 | t.float :defensive_rebounds_per_game
19 | t.float :rebounds_per_game
20 | t.float :assists_per_game
21 | t.float :steals_per_game
22 | t.float :blocks_per_game
23 | t.float :turnovers_per_game
24 | t.float :player_efficiency_rating
25 | t.float :twitter_sentiment
26 | t.string :image_url
27 |
28 | t.timestamps
29 | end
30 | add_index(:athletes,:name)
31 | end
32 | end
33 |
--------------------------------------------------------------------------------
/frontend/components/home/top_movers/top_movers_index_item.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { withRouter } from "react-router-dom";
3 |
4 | const TopMoversIndexItem = ({ athlete, price, history }) => {
5 | const athleteDetail = () => (
6 |
7 |
{athlete.name}
8 | {athlete.team_acronym.toUpperCase()}
9 | ${price.toFixed(2)}
10 |
11 | );
12 |
13 | const loader = () => (
14 |
15 |
16 |
17 | );
18 | const athleteImg = () => (
19 |
20 |
21 |
history.push(`/athletes/${athlete.id}`)}
26 | className="top-movers-item"
27 | >
28 | {athlete ? athleteDetail() : loader()}
29 | {athlete ? athleteImg() : loader()}
30 |
31 | );
32 | };
33 |
34 | export default withRouter(TopMoversIndexItem);
35 |
--------------------------------------------------------------------------------
/config/initializers/content_security_policy.rb:
--------------------------------------------------------------------------------
1 | # Be sure to restart your server when you modify this file.
2 |
3 | # Define an application-wide content security policy
4 | # For further information see the following documentation
5 | # https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy
6 |
7 | # Rails.application.config.content_security_policy do |policy|
8 | # policy.default_src :self, :https
9 | # policy.font_src :self, :https, :data
10 | # policy.img_src :self, :https, :data
11 | # policy.object_src :none
12 | # policy.script_src :self, :https
13 | # policy.style_src :self, :https
14 |
15 | # # Specify URI for violation reports
16 | # # policy.report_uri "/csp-violation-report-endpoint"
17 | # end
18 |
19 | # If you are using UJS then enable automatic nonce generation
20 | # Rails.application.config.content_security_policy_nonce_generator = -> request { SecureRandom.base64(16) }
21 |
22 | # Report CSP violations to a specified URI
23 | # For further information see the following documentation:
24 | # https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy-Report-Only
25 | # Rails.application.config.content_security_policy_report_only = true
26 |
--------------------------------------------------------------------------------
/config/storage.yml:
--------------------------------------------------------------------------------
1 | test:
2 | service: Disk
3 | root: <%= Rails.root.join("tmp/storage") %>
4 |
5 | local:
6 | service: Disk
7 | root: <%= Rails.root.join("storage") %>
8 |
9 | # Use rails credentials:edit to set the AWS secrets (as aws:access_key_id|secret_access_key)
10 | # amazon:
11 | # service: S3
12 | # access_key_id: <%= Rails.application.credentials.dig(:aws, :access_key_id) %>
13 | # secret_access_key: <%= Rails.application.credentials.dig(:aws, :secret_access_key) %>
14 | # region: us-east-1
15 | # bucket: your_own_bucket
16 |
17 | # Remember not to checkin your GCS keyfile to a repository
18 | # google:
19 | # service: GCS
20 | # project: your_project
21 | # credentials: <%= Rails.root.join("path/to/gcs.keyfile") %>
22 | # bucket: your_own_bucket
23 |
24 | # Use rails credentials:edit to set the Azure Storage secret (as azure_storage:storage_access_key)
25 | # microsoft:
26 | # service: AzureStorage
27 | # storage_account_name: your_account_name
28 | # storage_access_key: <%= Rails.application.credentials.dig(:azure_storage, :storage_access_key) %>
29 | # container: your_container_name
30 |
31 | # mirror:
32 | # service: Mirror
33 | # primary: local
34 | # mirrors: [ amazon, google, microsoft ]
35 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/reset.css:
--------------------------------------------------------------------------------
1 | /* CSS reset
2 |
3 | html, body, div, span, applet, object, iframe,
4 | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
5 | a, abbr, acronym, address, big, cite, code,
6 | del, dfn, em, img, ins, kbd, q, s, samp,
7 | small, strike, strong, sub, sup, tt, var,
8 | b, u, i, center,
9 | dl, dt, dd, ol, ul, li,
10 | fieldset, form, label, legend,
11 | table, caption, tbody, tfoot, thead, tr, th, td,
12 | article, aside, canvas, details, embed,
13 | figure, figcaption, footer, header, hgroup,
14 | menu, nav, output, ruby, section, summary,
15 | time, mark, audio, video {
16 | margin: 0;
17 | padding: 0;
18 | border: 0;
19 | font-size: 100%;
20 | font: inherit;
21 | vertical-align: baseline;
22 | }
23 | /* HTML5 display-role reset for older browsers */
24 |
25 | details,
26 | figcaption,
27 | figure,
28 | footer,
29 | header,
30 | hgroup,
31 | menu,
32 | nav,
33 | section {
34 | display: block;
35 | }
36 | body {
37 | line-height: 1;
38 | }
39 | ol,
40 | ul {
41 | list-style: none;
42 | }
43 | blockquote,
44 | q {
45 | quotes: none;
46 | }
47 | blockquote:before,
48 | blockquote:after,
49 | q:before,
50 | q:after {
51 | content: "";
52 | content: none;
53 | }
54 | table {
55 | border-collapse: collapse;
56 | border-spacing: 0;
57 | }
58 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/top_movers.css:
--------------------------------------------------------------------------------
1 | .top-movers-item {
2 | width: 210px;
3 | height: 140px;
4 | display: inline-block;
5 | position: relative;
6 | margin-right: 15px;
7 | padding-left: 10px;
8 | border-radius: 4px;
9 | border: 1px solid #e4e4e4;
10 | }
11 |
12 | .top-movers-img {
13 | max-height: 105px;
14 | float: right;
15 | position: absolute;
16 | bottom: 0px;
17 | right: 0px;
18 | }
19 |
20 | .top-movers-item:hover {
21 | background-color: #f5f5f5;
22 | box-shadow: -1px 4px 18px #c4c4c4;
23 | cursor: pointer;
24 | }
25 |
26 | .top-movers-detail {
27 | float: left;
28 | }
29 |
30 | .top-movers-section {
31 | overflow-x: scroll;
32 | overflow-y: hidden;
33 | width: 55%;
34 | white-space: nowrap;
35 | -ms-overflow-style: none;
36 | }
37 |
38 | .top-movers-section::-webkit-scrollbar {
39 | height: 0 !important;
40 | }
41 |
42 | .top-movers-name {
43 | font-size: 17px;
44 | margin-bottom: 1px;
45 | }
46 |
47 | .top-movers-team {
48 | font-size: 22px;
49 | margin-top: 1px;
50 | margin-bottom: 50px;
51 | }
52 |
53 | .top-movers-price {
54 | font-size: 20px;
55 | }
56 |
57 | .top-movers-header {
58 | font-family: "Noto Sans", sans-serif;
59 | font-size: 25px;
60 | }
61 |
62 | .top-movers-item {
63 | font-family: "Noto Sans", sans-serif;
64 | }
65 |
--------------------------------------------------------------------------------
/frontend/components/athlete/athlete_fg_percentage.jsx:
--------------------------------------------------------------------------------
1 | import { PieChart, Pie, Sector, Cell } from "recharts";
2 |
3 | import React from "react";
4 |
5 | const AthleteFGPercentage = ({ fg_percentage, athletes }) => {
6 | const data = [
7 | { name: "Group A", value: 400 },
8 | { name: "Group B", value: 300 },
9 | { name: "Group C", value: 300 },
10 | { name: "Group D", value: 200 }
11 | ];
12 | const COLORS = ["#21ce99", "#1ae9aa"];
13 | const RADIAN = Math.PI / 180;
14 | const radialChart = () => (
15 |
16 |
25 | {data.map((entry, index) => (
26 | |
27 | ))}
28 |
29 |
30 | );
31 |
32 | const loader = () => (
33 |
34 |
35 |
36 | );
37 |
38 | return (
39 |
40 | {Object.values(athletes).length > 0 ? radialChart() : loader()}
41 |
42 | );
43 | };
44 |
45 | export default AthleteFGPercentage;
46 |
--------------------------------------------------------------------------------
/frontend/components/home/user_stocks/user_stocks_item.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Link, withRouter } from "react-router-dom";
3 |
4 | const UserStocksItem = ({ athlete, stock, history }) => {
5 | const athleteName = () => (
6 |
7 |
{athlete.name}
8 | {athlete.team_name}
9 |
10 | );
11 |
12 | const athleteImage = () => (
13 |
14 | );
15 |
16 | const loader = () => (
17 |
18 |
19 |
20 | );
21 |
22 | const itemPrice = () => (
23 |
24 | ${stock.current_price.toFixed(2)}
25 |
26 | );
27 | return (
28 | history.push(`/athletes/${athlete.id}`)}
30 | className="order-index-item"
31 | >
32 | {Object.values(athlete).length > 0 ? athleteImage() : loader()}
33 | {Object.values(athlete).length > 0 ? athleteName() : null}
34 |
35 | {Object.values(athlete).length > 0 ? itemPrice() : null}
36 |
37 | );
38 | };
39 |
40 | export default withRouter(UserStocksItem);
41 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/tweet.css:
--------------------------------------------------------------------------------
1 | .tweet-content-view {
2 | width: 250px;
3 | height: 300px;
4 | display: inline-block;
5 | position: relative;
6 | margin-right: 15px;
7 | border-radius: 2px;
8 | background-color: white;
9 | box-shadow: -1px 4px 18px #c4c4c4;
10 | margin-left: 20px;
11 | overflow: scroll;
12 | height: 200px;
13 | }
14 |
15 | .tweet-body-section {
16 | word-break: normal;
17 | padding: 15px;
18 | overflow-y: hidden;
19 | }
20 |
21 | .athlete-tweets-container {
22 | overflow-x: scroll;
23 | overflow-y: hidden;
24 | white-space: nowrap;
25 | -ms-overflow-style: none;
26 | height: 400px;
27 | margin-left: 115px;
28 | }
29 |
30 | .tweet-body-section p {
31 | word-break: break-all;
32 | white-space: normal;
33 | margin-top: 0;
34 | font-family: "Noto Sans", sans-serif;
35 | font-size: 12px;
36 | }
37 |
38 | .tweet-username {
39 | font-family: "Noto Sans", sans-serif;
40 | font-size: 13px;
41 | }
42 |
43 | .tweet-timestamp {
44 | font-family: "Noto Sans", sans-serif;
45 | font-size: 11px;
46 | margin-left: 11px;
47 | margin-right: 15px;
48 | }
49 |
50 | .tweet-header {
51 | margin-top: 15px;
52 | display: flex;
53 | justify-content: space-between;
54 | margin-left: 15px;
55 | }
56 |
57 | .tweet-break-line {
58 | width: 247px;
59 | border: none;
60 | height: 1px;
61 | background: #f2f2f2;
62 | }
63 |
--------------------------------------------------------------------------------
/frontend/actions/watchlist_actions.js:
--------------------------------------------------------------------------------
1 | import * as APIUtil from "../util/watchlist_api_util";
2 |
3 | export const RECEIVE_WATCHLIST_ITEM = "RECEIVE_WATCHLIST_ITEM";
4 | export const RECEIVE_ALL_WATCHLIST_ITEMS = "RECEIVE_ALL_WATCHLIST_ITEMS";
5 | export const REMOVE_WATCHLIST_ITEM = "REMOVE_WATCHLIST_ITEM";
6 |
7 | export const receiveAllWatchlistItems = items => {
8 | return {
9 | type: RECEIVE_ALL_WATCHLIST_ITEMS,
10 | items: items
11 | };
12 | };
13 |
14 | export const receiveWatchlistItem = item => {
15 | return {
16 | type: RECEIVE_WATCHLIST_ITEM,
17 | item: item
18 | };
19 | };
20 |
21 | export const removeWatchlistItem = item => {
22 | return {
23 | type: REMOVE_WATCHLIST_ITEM,
24 | item: item
25 | };
26 | };
27 |
28 | // thunk action creators
29 |
30 | export const addWatchlistItem = (userId, item) => dispatch => {
31 | return APIUtil.createWatchlistItem(userId, item).then(res =>
32 | dispatch(receiveWatchlistItem(res))
33 | );
34 | };
35 |
36 | export const deleteWatchlistItem = (userId, itemId) => dispatch => {
37 | return APIUtil.deleteWatchlistItem(userId, itemId).then(res =>
38 | dispatch(removeWatchlistItem(res))
39 | );
40 | };
41 |
42 | export const fetchAllWatchlistItems = userId => dispatch => {
43 | return APIUtil.fetchWatchlistItems(userId).then(res =>
44 | dispatch(receiveAllWatchlistItems(res))
45 | );
46 | };
47 |
--------------------------------------------------------------------------------
/config/puma.rb:
--------------------------------------------------------------------------------
1 | # Puma can serve each request in a thread from an internal thread pool.
2 | # The `threads` method setting takes two numbers: a minimum and maximum.
3 | # Any libraries that use thread pools should be configured to match
4 | # the maximum value specified for Puma. Default is set to 5 threads for minimum
5 | # and maximum; this matches the default thread size of Active Record.
6 | #
7 | threads_count = ENV.fetch("RAILS_MAX_THREADS") { 5 }
8 | threads threads_count, threads_count
9 |
10 | # Specifies the `port` that Puma will listen on to receive requests; default is 3000.
11 | #
12 | port ENV.fetch("PORT") { 3000 }
13 |
14 | # Specifies the `environment` that Puma will run in.
15 | #
16 | environment ENV.fetch("RAILS_ENV") { "development" }
17 |
18 | # Specifies the number of `workers` to boot in clustered mode.
19 | # Workers are forked webserver processes. If using threads and workers together
20 | # the concurrency of the application would be max `threads` * `workers`.
21 | # Workers do not work on JRuby or Windows (both of which do not support
22 | # processes).
23 | #
24 | # workers ENV.fetch("WEB_CONCURRENCY") { 2 }
25 |
26 | # Use the `preload_app!` method when specifying a `workers` number.
27 | # This directive tells Puma to first boot the application and load code
28 | # before forking the application. This takes advantage of Copy On Write
29 | # process behavior so workers use less memory.
30 | #
31 | # preload_app!
32 |
33 | # Allow puma to be restarted by `rails restart` command.
34 | plugin :tmp_restart
35 |
--------------------------------------------------------------------------------
/test/fixtures/athletes.yml:
--------------------------------------------------------------------------------
1 | # Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
2 |
3 | one:
4 | name: MyString
5 | team_acronym: MyString
6 | team_name: MyString
7 | games_played: 1
8 | minutes_per_game: 1.5
9 | field_goals_attempted_per_game: 1.5
10 | field_goals_made_per_game: 1.5
11 | field_goal_percentage: 1.5
12 | free_throw_percentage: 1.5
13 | three_point_attempted_per_game: 1.5
14 | three_point_made_per_game: 1.5
15 | three_point_percentage: 1.5
16 | points_per_game: 1.5
17 | offensive_rebounds_per_game: 1.5
18 | defensive_rebounds_per_game: 1.5
19 | rebounds_per_game: 1.5
20 | assists_per_game: 1.5
21 | steals_per_game: 1.5
22 | blocks_per_game: 1.5
23 | turnovers_per_game: 1.5
24 | player_efficiency_rating: 1.5
25 | twitter_sentiment: 1.5
26 | image_url: MyString
27 |
28 | two:
29 | name: MyString
30 | team_acronym: MyString
31 | team_name: MyString
32 | games_played: 1
33 | minutes_per_game: 1.5
34 | field_goals_attempted_per_game: 1.5
35 | field_goals_made_per_game: 1.5
36 | field_goal_percentage: 1.5
37 | free_throw_percentage: 1.5
38 | three_point_attempted_per_game: 1.5
39 | three_point_made_per_game: 1.5
40 | three_point_percentage: 1.5
41 | points_per_game: 1.5
42 | offensive_rebounds_per_game: 1.5
43 | defensive_rebounds_per_game: 1.5
44 | rebounds_per_game: 1.5
45 | assists_per_game: 1.5
46 | steals_per_game: 1.5
47 | blocks_per_game: 1.5
48 | turnovers_per_game: 1.5
49 | player_efficiency_rating: 1.5
50 | twitter_sentiment: 1.5
51 | image_url: MyString
52 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "trade-blitz",
3 | "private": true,
4 | "dependencies": {
5 | "@babel/core": "^7.1.2",
6 | "@babel/preset-env": "^7.1.0",
7 | "@babel/preset-react": "^7.0.0",
8 | "babel-loader": "^8.0.4",
9 | "chart.js": "^2.7.3",
10 | "react": "^16.5.2",
11 | "react-chartjs-2": "^2.7.4",
12 | "react-count-up": "^1.0.0",
13 | "react-countup": "^3.0.0",
14 | "react-dom": "^16.5.2",
15 | "react-redux": "^5.0.7",
16 | "react-router-dom": "^4.3.1",
17 | "react-vis": "^1.11.3",
18 | "recharts": "^1.3.3",
19 | "redux": "^4.0.0",
20 | "redux-logger": "^3.0.6",
21 | "redux-thunk": "^2.3.0",
22 | "victory": "^30.5.0",
23 | "webpack": "^4.20.2",
24 | "webpack-cli": "^3.1.2"
25 | },
26 | "description": "TradeBlitz is a web application that allows users to invest in the top athletes.",
27 | "version": "1.0.0",
28 | "main": "index.js",
29 | "directories": {
30 | "lib": "lib",
31 | "test": "test"
32 | },
33 | "engines": {
34 | "node": "10.6.0",
35 | "yarn": "1.10.1",
36 | "npm": "6.1.0"
37 | },
38 | "scripts": {
39 | "test": "echo \"Error: no test specified\" && exit 1",
40 | "postinstall": "webpack",
41 | "webpack": "webpack --mode=development --watch"
42 | },
43 | "repository": {
44 | "type": "git",
45 | "url": "git+https://github.com/sirivatd/trade-blitz.git"
46 | },
47 | "keywords": [],
48 | "author": "",
49 | "license": "ISC",
50 | "bugs": {
51 | "url": "https://github.com/sirivatd/trade-blitz/issues"
52 | },
53 | "homepage": "https://github.com/sirivatd/trade-blitz#readme"
54 | }
55 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/news_articles.css:
--------------------------------------------------------------------------------
1 | .news-articles-section-container {
2 | display: block;
3 | margin-top: 700px;
4 | width: 60%;
5 | text-align: left;
6 | margin-left: 90px;
7 | }
8 |
9 | .recent-news-header {
10 | font-family: "Noto Sans", sans-serif;
11 | font-size: 25px;
12 | }
13 |
14 | .news-article-item-section {
15 | background-color: white;
16 | position: relative;
17 | }
18 |
19 | .news-article-img {
20 | width: 150px;
21 | max-height: 100px;
22 | border-radius: 20px;
23 | margin-left: 5px;
24 | }
25 |
26 | .news-article-item-section {
27 | display: flex;
28 | padding-top: 15px;
29 | padding-bottom: 15px;
30 | padding-right: 15px;
31 | margin-bottom: 20px;
32 | height: 120px;
33 | border-radius: 5px;
34 | }
35 |
36 | .news-article-item-section:hover {
37 | box-shadow: -1px 4px 18px #c4c4c4;
38 | cursor: pointer;
39 | }
40 |
41 | .news-article-title {
42 | margin-top: 5px;
43 | font-family: "Noto Sans", sans-serif;
44 | font-size: 15px;
45 | }
46 |
47 | .news-article-publisher {
48 | margin-top: 0;
49 | font-family: "Noto Sans", sans-serif;
50 | font-size: 10px;
51 | color: #21ce99;
52 | position: absolute;
53 | left: 5px;
54 | bottom: 0;
55 | }
56 |
57 | .news-article-timestamp {
58 | font-family: "Noto Sans", sans-serif;
59 | font-size: 10px;
60 | color: #21ce99;
61 | position: absolute;
62 | right: 10px;
63 | bottom: 0;
64 | }
65 |
66 | .news-article-description-section {
67 | height: 100%;
68 | overflow: hidden;
69 | font-family: "Noto Sans", sans-serif;
70 | font-size: 12px;
71 | position: absolute;
72 | left: 170px;
73 | padding-right: 10px;
74 | }
75 |
--------------------------------------------------------------------------------
/frontend/components/not_found.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { withRouter } from "react-router-dom";
3 |
4 | class NotFound extends React.Component {
5 | constructor(props) {
6 | super(props);
7 | }
8 | render() {
9 | return (
10 |
11 |
12 |
![]()
this.props.history.push("/")}
14 | className="logo-img"
15 | src="https://media.glassdoor.com/sqll/1167765/robinhood-squarelogo-1530549970728.png"
16 | />
17 |
18 |
19 |
Wow
20 | Such 404
21 |
22 |
23 |
24 | We couldn't find the page you were looking for.
25 |
26 |
27 | It seems you may have taken a wrong turn.
28 |
29 |
30 |
31 |
32 |
38 |
39 |
40 |
45 |
46 |
49 | {this.props.athletes.length > 0 ? athleteItems() : loader()}
50 |
51 | );
52 | }
53 | }
54 |
55 | export default TopMoversIndex;
56 |
--------------------------------------------------------------------------------
/public/500.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | We're sorry, but something went wrong (500)
5 |
6 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
We're sorry, but something went wrong.
62 |
63 |
If you are the application owner check the logs for more information.
64 |
60 |
61 |
The change you wanted was rejected.
62 |
Maybe you tried to change something you didn't have access to.
63 |
64 |
If you are the application owner check the logs for more information.
65 |
60 |
61 |
The page you were looking for doesn't exist.
62 |
You may have mistyped the address or the page may have moved.
63 |
64 |
If you are the application owner check the logs for more information.
65 |
29 | {this.props.errors.map((error, i) => (
30 | - {error}
31 | ))}
32 |
33 | );
34 | }
35 |
36 | render() {
37 | return (
38 |
74 | );
75 | }
76 | }
77 |
78 | export default withRouter(SessionForm);
79 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/login.css:
--------------------------------------------------------------------------------
1 | .img-container {
2 | width: 50%;
3 | height: 100%;
4 | }
5 |
6 | .login-image {
7 | max-width: 100%;
8 | max-height: 100%;
9 | }
10 |
11 | .login-form-box {
12 | width: 50%;
13 | height: 100%;
14 | margin-left: 50px;
15 | margin-top: 120px;
16 | }
17 |
18 | .login-form-container {
19 | display: flex;
20 | justify-content: center;
21 | height: 100%;
22 | }
23 |
24 | .login-header {
25 | font-family: "Source Sans Pro", sans-serif;
26 | font-size: 30px;
27 | }
28 |
29 | .email-text {
30 | font-family: "Poppins", sans-serif;
31 | margin-bottom: 130px;
32 | }
33 |
34 | .password-text {
35 | font-family: "Poppins", sans-serif;
36 | margin-bottom: 130px;
37 | }
38 |
39 | .login-input {
40 | width: 70%;
41 | height: 48px;
42 | border-radius: 5px;
43 | border: 1px solid white;
44 | background-color: #fafafa;
45 | padding-left: 20px;
46 | font-size: 17px;
47 | }
48 |
49 | .login-input:hover {
50 | border-color: #cbcbcd;
51 | }
52 |
53 | .login-input:focus {
54 | border-color: #21ce99;
55 | outline: none;
56 | }
57 |
58 | .login-submit {
59 | width: 140px;
60 | height: 48px;
61 | background-color: #21ce99;
62 | font-family: "Source Sans Pro", sans-serif;
63 | color: white;
64 | border-radius: 5px;
65 | border: none;
66 | font-size: 15px;
67 | cursor: pointer;
68 | }
69 |
70 | .login-submit:hover {
71 | background-color: #1ae9aa;
72 | }
73 |
74 | .demo-link {
75 | font-family: "Source Sans Pro", sans-serif;
76 | text-decoration: none;
77 | color: #21ce99;
78 | }
79 |
80 | .demo-link:hover {
81 | color: #1ae9aa;
82 | }
83 |
84 | .demo-button {
85 | font-family: "Source Sans Pro", sans-serif;
86 | background-color: white;
87 | border: none;
88 | color: #21ce99;
89 | font-size: 15px;
90 | }
91 |
92 | .demo-button:hover {
93 | color: #1ae9aa;
94 | }
95 |
96 | .error-list li {
97 | display: inline;
98 | padding-right: 6px;
99 | padding-left: 25px;
100 | }
101 |
102 | .error-list .error-text {
103 | background-image: url("http://icons.iconarchive.com/icons/custom-icon-design/mono-general-1/512/alert-icon.png");
104 | background-repeat: no-repeat;
105 | background-size: contain;
106 | font-family: "Source Sans Pro", sans-serif;
107 | }
108 |
--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
1 | source 'https://rubygems.org'
2 | git_source(:github) { |repo| "https://github.com/#{repo}.git" }
3 |
4 | ruby '2.5.1'
5 |
6 | # Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
7 | gem 'rails', '~> 5.2.1'
8 | # Use postgresql as the database for Active Record
9 | gem 'pg', '>= 0.18', '< 2.0'
10 | gem 'sentimental'
11 | gem 'twitter'
12 | gem 'httparty'
13 | # Use Puma as the app server
14 | gem 'puma', '~> 3.11'
15 | # Use SCSS for stylesheets
16 | gem 'sass-rails', '~> 5.0'
17 | # Use Uglifier as compressor for JavaScript assets
18 | gem 'uglifier', '>= 1.3.0'
19 | # See https://github.com/rails/execjs#readme for more supported runtimes
20 | # gem 'mini_racer', platforms: :ruby
21 |
22 | # Use CoffeeScript for .coffee assets and views
23 | gem 'coffee-rails', '~> 4.2'
24 | # Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
25 | gem 'jbuilder', '~> 2.5'
26 | # Use Redis adapter to run Action Cable in production
27 | # gem 'redis', '~> 4.0'
28 | # Use ActiveModel has_secure_password
29 | gem 'bcrypt', '~> 3.1.7'
30 | gem 'jquery-rails'
31 | gem 'rails_12factor'
32 | # Use ActiveStorage variant
33 | # gem 'mini_magick', '~> 4.8'
34 |
35 | # Use Capistrano for deployment
36 | # gem 'capistrano-rails', group: :development
37 |
38 | # Reduces boot times through caching; required in config/boot.rb
39 | gem 'bootsnap', '>= 1.1.0', require: false
40 |
41 | group :development, :test do
42 | # Call 'byebug' anywhere in the code to stop execution and get a debugger console
43 | gem 'byebug', platforms: [:mri, :mingw, :x64_mingw]
44 | end
45 |
46 | group :development do
47 | # Access an interactive console on exception pages or by calling 'console' anywhere in the code.
48 | gem 'web-console', '>= 3.3.0'
49 | gem 'listen', '>= 3.0.5', '< 3.2'
50 | # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
51 | gem 'spring'
52 | gem 'spring-watcher-listen', '~> 2.0.0'
53 | gem 'pry-rails'
54 | end
55 |
56 | group :test do
57 | # Adds support for Capybara system testing and selenium driver
58 | gem 'capybara', '>= 2.15'
59 | gem 'selenium-webdriver'
60 | # Easy installation and use of chromedriver to run system tests with Chrome
61 | gem 'chromedriver-helper'
62 | end
63 |
64 | # Windows does not include zoneinfo files, so bundle the tzinfo-data gem
65 | gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]
66 |
--------------------------------------------------------------------------------
/config/environments/development.rb:
--------------------------------------------------------------------------------
1 | Rails.application.configure do
2 | # Settings specified here will take precedence over those in config/application.rb.
3 |
4 | # In the development environment your application's code is reloaded on
5 | # every request. This slows down response time but is perfect for development
6 | # since you don't have to restart the web server when you make code changes.
7 | config.cache_classes = false
8 |
9 | # Do not eager load code on boot.
10 | config.eager_load = false
11 |
12 | # Show full error reports.
13 | config.consider_all_requests_local = true
14 |
15 | # Enable/disable caching. By default caching is disabled.
16 | # Run rails dev:cache to toggle caching.
17 | if Rails.root.join('tmp', 'caching-dev.txt').exist?
18 | config.action_controller.perform_caching = true
19 |
20 | config.cache_store = :memory_store
21 | config.public_file_server.headers = {
22 | 'Cache-Control' => "public, max-age=#{2.days.to_i}"
23 | }
24 | else
25 | config.action_controller.perform_caching = false
26 |
27 | config.cache_store = :null_store
28 | end
29 |
30 | # Store uploaded files on the local file system (see config/storage.yml for options)
31 | config.active_storage.service = :local
32 |
33 | # Don't care if the mailer can't send.
34 | config.action_mailer.raise_delivery_errors = false
35 |
36 | config.action_mailer.perform_caching = false
37 |
38 | # Print deprecation notices to the Rails logger.
39 | config.active_support.deprecation = :log
40 |
41 | # Raise an error on page load if there are pending migrations.
42 | config.active_record.migration_error = :page_load
43 |
44 | # Highlight code that triggered database queries in logs.
45 | config.active_record.verbose_query_logs = true
46 |
47 | # Debug mode disables concatenation and preprocessing of assets.
48 | # This option may cause significant delays in view rendering with a large
49 | # number of complex assets.
50 | config.assets.debug = true
51 |
52 | # Suppress logger output for asset requests.
53 | config.assets.quiet = true
54 |
55 | # Raises error for missing translations
56 | # config.action_view.raise_on_missing_translations = true
57 |
58 | # Use an evented file watcher to asynchronously detect changes in source code,
59 | # routes, locales, etc. This feature depends on the listen gem.
60 | config.file_watcher = ActiveSupport::EventedFileUpdateChecker
61 | end
62 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/search.css:
--------------------------------------------------------------------------------
1 | input::-webkit-input-placeholder {
2 | color: #e4e4e4 !important;
3 | }
4 |
5 | input:-moz-placeholder {
6 | /* Firefox 18- */
7 | color: #e4e4e4 !important;
8 | }
9 |
10 | input::-moz-placeholder {
11 | /* Firefox 19+ */
12 | color: #e4e4e4 !important;
13 | }
14 |
15 | input:-ms-input-placeholder {
16 | color: #e4e4e4 !important;
17 | }
18 |
19 | .search-input {
20 | width: 420px;
21 | height: 36px;
22 | float: left;
23 | padding-left: 10px;
24 | color: #e4e4e4;
25 | font-size: 13px;
26 | border: none;
27 | font-family: "Noto Sans", sans-serif;
28 | }
29 |
30 | .search-bar-container {
31 | width: 478px;
32 | display: inline-block;
33 | margin-top: 0px;
34 | text-align: left;
35 | }
36 |
37 | .search-bar {
38 | width: 433px;
39 | overflow: hidden;
40 | position: fixed;
41 | top: 0;
42 | left: 120px;
43 | margin-top: 10px;
44 | border: 1px solid #e4e4e4;
45 | border-radius: 7px;
46 | background-color: white;
47 | }
48 |
49 | .search-bar:hover {
50 | box-shadow: -1px 4px 18px #c4c4c4;
51 | }
52 |
53 | .search-bar:active {
54 | box-shadow: -1px 4px 18px #c4c4c4;
55 | background-color: white;
56 | }
57 |
58 | .search-bar:focus {
59 | box-shadow: -1px 4px 18px #c4c4c4;
60 | background-color: white;
61 | }
62 |
63 | .search-input:active {
64 | outline: none;
65 | color: black;
66 | border: none;
67 | }
68 |
69 | .search-results {
70 | padding: 0px;
71 | }
72 |
73 | .search-input:focus {
74 | outline: none;
75 | color: black;
76 | border: none;
77 | }
78 | .search-athlete-team {
79 | font-family: "Noto Sans", sans-serif;
80 | font-size: 15px;
81 | margin-top: 0px;
82 | width: 60px;
83 | margin-bottom: 0px;
84 | padding-left: 10px;
85 | }
86 |
87 | .search-athlete-name {
88 | font-family: "Noto Sans", sans-serif;
89 | font-size: 15px;
90 | margin-top: 0px;
91 | margin-left: 20px;
92 | margin-bottom: 0px;
93 | }
94 |
95 | .search-result-label {
96 | margin-top: 65px;
97 | font-family: "Noto Sans", sans-serif;
98 | color: lightgray;
99 | font-size: 15px;
100 | padding-left: 10px;
101 | }
102 |
103 | .search-result-item {
104 | display: flex;
105 | justify-content: left;
106 | padding-top: 10px;
107 | padding-bottom: 10px;
108 | }
109 |
110 | .search-result-item:hover {
111 | cursor: pointer;
112 | background-color: #f5f5f5;
113 | }
114 |
--------------------------------------------------------------------------------
/app/models/tweet.rb:
--------------------------------------------------------------------------------
1 | require 'nokogiri'
2 | require 'httparty'
3 |
4 | class Tweet < ApplicationRecord
5 | belongs_to :athlete
6 |
7 | def self.sync(athlete)
8 | client = Twitter::REST::Client.new do |config|
9 | config.consumer_key = "jrlq2OdVBQzwBkwPMBmwlcYjY"
10 | config.consumer_secret = "3zsxDQh5eGzqEklgRnPTNsaPdqLLooXhtF4wcido2jhgvZZdrU"
11 | config.access_token = "359603447-2EcA5jn63EWAUp2DZS8bswgG1KIAom5Njpw5lDGv"
12 | config.access_token_secret = "mZ20O7oooQt5RpdR72mEnbuwxrZTm0c717ofthsV45T5C"
13 | end
14 | client.search("to:#{athlete.name}", result_type: "recent").take(1).collect.each do |tweet|
15 | score = $analyzer.score tweet.text
16 | Tweet.create({body: tweet.text, athlete_id: athlete.id, score: score})
17 | end
18 |
19 | end
20 |
21 | def self.scrape_tweeter(athlete_name)
22 | names = athlete_name.split(" ")
23 | firstName = names[0]
24 | lastName = names[1]
25 | url = "https://twitter.com/search?q=" + lastName + "%20" + firstName + "&src=typd"
26 |
27 | unparsed_page = HTTParty.get(url)
28 | parsed_page = Nokogiri::HTML(unparsed_page)
29 |
30 | tweetDivs = parsed_page.css('div.tweet')
31 |
32 | scrappedTweets = []
33 | tweetDivs.each do |div|
34 | tweetBody = div.css('p.TweetTextSize.js-tweet-text.tweet-text').text
35 | tweetUsername = div.css("span.username").text
36 | tweetTimestamp = div.css("span._timestamp").text
37 | scrappedTweets.push({tweetBody: tweetBody, tweetUsername: tweetUsername, time_created: tweetTimestamp})
38 | end
39 |
40 | return $analyzer.score scrappedTweets
41 | end
42 |
43 | def self.find_tweets(athlete_name)
44 | names = athlete_name.split(" ")
45 | firstName = names[0]
46 | lastName = names[1]
47 | url = "https://twitter.com/search?q=" + lastName + "%20" + firstName + "&src=typd"
48 |
49 | unparsed_page = HTTParty.get(url)
50 | parsed_page = Nokogiri::HTML(unparsed_page)
51 |
52 | tweetDivs = parsed_page.css('div.tweet')
53 |
54 | scrappedTweets = []
55 | tweetDivs.each do |div|
56 | tweetBody = div.css('p.TweetTextSize.js-tweet-text.tweet-text').text
57 | tweetUsername = div.css("span.username").text
58 | tweetTimestamp = div.css("span._timestamp").text
59 | scrappedTweets.push({ tweetBody: tweetBody, tweetUsername: tweetUsername, time_created: tweetTimestamp})
60 | end
61 |
62 | return scrappedTweets
63 | end
64 |
65 | end
66 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Robinhoops
2 |
3 | [Live Site](http://www.robinhoops.io)
4 |
5 |
6 | Robinhoops is a Robinhood.com clone built with Rails and React/Redux that allows users to invest in the top NBA athletes.
7 |
8 | 
9 |
10 | Athletes' prices are updated every few seconds based on their stats and recent overall Twitter sentiment.
11 |
12 |
13 | ## Twitter Sentiment
14 |
15 | Credit to sentimental gem
16 | Robinhoops scrapes Twitter for recent tweets and then maps each word and assigns an overall score based on each tweet.
17 |
18 | Using Nokogiri and HTTParty
19 |
20 | ```ruby
21 | def self.scrape_tweeter(athlete_name)
22 | names = athlete_name.split(" ")
23 | firstName = names[0]
24 | lastName = names[1]
25 | url = "https://twitter.com/search?q=" + lastName + "%20" + firstName + "&src=typd"
26 |
27 | unparsed_page = HTTParty.get(url)
28 | parsed_page = Nokogiri::HTML(unparsed_page)
29 |
30 | tweetDivs = parsed_page.css('div.tweet')
31 |
32 | scrappedTweets = []
33 | tweetDivs.each do |div|
34 | tweetBody = div.css('p.TweetTextSize.js-tweet-text.tweet-text').text
35 | tweetUsername = div.css("span.username").text
36 | tweetTimestamp = div.css("span._timestamp").text
37 | scrappedTweets.push({tweetBody: tweetBody, tweetUsername: tweetUsername, time_created: tweetTimestamp})
38 | end
39 |
40 | return $analyzer.score scrappedTweets
41 | end
42 | ```
43 |
44 | ## How it Works
45 |
46 | All new users receive $2000.00 and a free stock/athlete.
47 |
48 | To be really specific, Robinhoops creates a new user and then store snapshots of portfolio value and twitter sentiment every 20 seconds. These data points are then used to graph stock and user portfolio value volatility. An athlete's price will only fluctuate if users on trading that specific stock.
49 |
50 | 
51 |
52 |
53 | ## Usage
54 |
55 | First, install bundles
56 |
57 | ```
58 | $ bundle install
59 | ```
60 |
61 | Install node dependencies
62 | ```
63 | $ npm install
64 | ```
65 | Start local rails server
66 | ```
67 | $ rails server
68 | ```
69 |
70 | ## Credits
71 | The following packages/libraries were used in the development of Robinhoops.io
72 |
73 | * [Chart.js](https://www.chartjs.org/)
74 | * [Sentimental gem](https://github.com/7compass/sentimental)
75 | * [News API](https://newsapi.org/)
76 | * [NBA Players Stats API](https://github.com/hlyford/nba-player-stats-api)
77 |
78 |
--------------------------------------------------------------------------------
/frontend/components/App.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import GreetingContainer from "./greeting/greeting_container";
3 | import { Route, Redirect, Switch, Link, HashRouter } from "react-router-dom";
4 | import LoginFormContainer from "./session_form/login_form_container";
5 | import SignupFormContainer from "./session_form/signup_form_container";
6 | import { AuthRoute, ProtectedRoute } from "../util/route_util";
7 | import HomeContainer from "./home/home_container";
8 | import NotFound from "./not_found";
9 | import FreeStockContainer from "./free_stock/free_stock_container";
10 | import AthleteShowContainer from "./athlete/athlete_show_container";
11 |
12 | const App = () => (
13 |
14 |
15 |
19 |
23 |
27 |
31 |
35 |
39 |
43 |
47 |
51 |
55 |
56 |
57 |
58 |
63 |
64 |
65 |
66 |
67 |
71 |
72 |
73 |
{this.props.athletes.length > 0 ? athleteGraph() : loader()}
98 | );
99 | }
100 | }
101 |
102 | export default HomeChart;
103 |
--------------------------------------------------------------------------------
/frontend/components/search_bar/search_bar.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { withRouter } from "react-router-dom";
3 |
4 | class SearchBar extends React.Component {
5 | constructor(props) {
6 | super(props);
7 | this.state = {
8 | search: ""
9 | };
10 | this.updateSearch = this.updateSearch.bind(this);
11 | this.showSearchResults = this.showSearchResults.bind(this);
12 | this.handleClick = this.handleClick.bind(this);
13 | }
14 |
15 | componentDidMount() {
16 | document.addEventListener("mousedown", this.handleClick, false);
17 | }
18 |
19 | showSearchResults() {
20 | const searchResults = document.getElementsByClassName("search-results")[0];
21 | searchResults.classList.toggle("hidden-menu");
22 | }
23 | updateSearch(e) {
24 | this.setState({ search: e.target.value.substr(0).toLowerCase() });
25 | }
26 |
27 | handleClick(e) {
28 | const button = document.getElementsByClassName("search-input")[0];
29 | if (document.getElementsByClassName("search-bar")[0].contains(e.target)) {
30 | return;
31 | }
32 | this.handleClickOutside();
33 | }
34 |
35 | handleClickOutside() {
36 | const searchResults = document.getElementsByClassName("search-results")[0];
37 | if (searchResults.classList.contains("hidden-menu")) {
38 | } else {
39 | searchResults.classList.toggle("hidden-menu");
40 | }
41 | }
42 |
43 | render() {
44 | let filteredAthletes = this.props.athletes.filter(athlete => {
45 | if (
46 | athlete.name.toLowerCase().indexOf(this.state.search) !== -1 ||
47 | athlete.team_acronym.toLowerCase().indexOf(this.state.search) !== -1
48 | ) {
49 | return athlete;
50 | }
51 | });
52 |
53 | return (
54 |
86 | );
87 | }
88 | }
89 |
90 | export default withRouter(SearchBar);
91 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/signup.css:
--------------------------------------------------------------------------------
1 | .logo-container {
2 | display: block;
3 | height: 70px;
4 | margin-bottom: 40px;
5 | margin-left: 60px;
6 | }
7 |
8 | .signup-form {
9 | text-align: center;
10 | }
11 |
12 | .signup-content {
13 | display: flex;
14 | justify-content: space-around;
15 | }
16 |
17 | .signup-form-box {
18 | width: 40%;
19 | margin-left: 60px;
20 | }
21 |
22 | .signup-header {
23 | width: 100%;
24 | font-family: "Montserrat", sans-serif;
25 | font-size: 40px;
26 | font-weight: lighter;
27 | }
28 |
29 | .signup-description {
30 | width: 100%;
31 | font-family: "Montserrat", sans-serif;
32 | font-size: 20px;
33 | font-weight: lighter;
34 | }
35 |
36 | .signup-text-box {
37 | margin-left: 100px;
38 | }
39 |
40 | .name-inputs {
41 | width: 99%;
42 | display: flex;
43 | justify-content: space-between;
44 | }
45 |
46 | .login-link-text {
47 | font-family: "Source Sans Pro", sans-serif;
48 | margin-right: 5px;
49 | }
50 |
51 | .signup-first-name-input {
52 | width: 42%;
53 | left: 0px;
54 | height: 48px;
55 | border-radius: 5px;
56 | border: 1px solid white;
57 | background-color: #fafafa;
58 | padding-left: 20px;
59 | font-size: 17px;
60 | }
61 |
62 | .signup-first-name-input:hover {
63 | border-color: #cbcbcd;
64 | }
65 |
66 | .signup-first-name-input:focus {
67 | border-color: #21ce99;
68 | outline: none;
69 | }
70 |
71 | .signup-last-name-input:hover {
72 | border-color: #cbcbcd;
73 | }
74 |
75 | .signup-last-name-input:focus {
76 | border-color: #21ce99;
77 | outline: none;
78 | }
79 | .signup-last-name-input {
80 | width: 42%;
81 | right: 0px;
82 | height: 48px;
83 | border-radius: 5px;
84 | border: 1px solid white;
85 | background-color: #fafafa;
86 | padding-left: 20px;
87 | font-size: 17px;
88 | }
89 |
90 | .signup-email-input:hover {
91 | border-color: #cbcbcd;
92 | }
93 |
94 | .signup-email-input:focus {
95 | border-color: #21ce99;
96 | outline: none;
97 | }
98 |
99 | .signup-email-input {
100 | width: 95%;
101 | height: 48px;
102 | border-radius: 5px;
103 | border: 1px solid white;
104 | background-color: #fafafa;
105 | padding-left: 20px;
106 | font-size: 17px;
107 | }
108 |
109 | .signup-password-input {
110 | width: 95%;
111 | height: 48px;
112 | border-radius: 5px;
113 | border: 1px solid white;
114 | background-color: #fafafa;
115 | padding-left: 20px;
116 | font-size: 17px;
117 | }
118 | .signup-password-input:hover {
119 | border-color: #cbcbcd;
120 | }
121 |
122 | .signup-password-input:focus {
123 | border-color: #21ce99;
124 | outline: none;
125 | }
126 |
127 | .session-submit {
128 | width: 100%;
129 | height: 48px;
130 | background-color: #21ce99;
131 | font-family: "Source Sans Pro", sans-serif;
132 | color: white;
133 | border-radius: 5px;
134 | border: none;
135 | font-size: 15px;
136 | cursor: pointer;
137 | }
138 |
139 | .session-submit:hover {
140 | background-color: #1ae9aa;
141 | }
142 |
143 | .signup-visual-box {
144 | width: 50%;
145 | margin-top: 160px;
146 | }
147 |
148 | .signup-gif {
149 | width: 400px;
150 | position: fixed;
151 | bottom: 0px;
152 | }
153 |
--------------------------------------------------------------------------------
/db/seeds.rb:
--------------------------------------------------------------------------------
1 | # This file should contain all the record creation needed to seed the database with its default values.
2 | # The data can then be loaded with the rails db:seed command (or created alongside the database with db:setup).
3 | #
4 | # Examples:
5 | #
6 | # movies = Movie.create([{ name: 'Star Wars' }, { name: 'Lord of the Rings' }])
7 | # Character.create(name: 'Luke', movie: movies.first)
8 |
9 | require 'net/http'
10 | require 'json'
11 |
12 | User.destroy_all
13 | Athlete.destroy_all
14 | Stock.destroy_all
15 | Order.destroy_all
16 | Tweet.destroy_all
17 | TweetScoreSnapshot.destroy_all
18 | UserPortSnapshot.destroy_all
19 | AthletePriceSnapshot.destroy_all
20 |
21 | uri = URI("http://nba-players.herokuapp.com/players-stats/")
22 | http = Net::HTTP.new(uri.host, uri.port)
23 | req = Net::HTTP::Get.new(uri.path)
24 | resp = http.request(req)
25 |
26 | players_data = JSON.parse(resp.body)
27 |
28 | User.create({email: "demo@demo.com", first_name: "Demo", last_name: "Demo", password: "password", buying_power: 2000})
29 |
30 | players_data.each do |player|
31 | name = player["name"].split(" ")
32 |
33 | first_name = name[0]
34 | last_name = name[1]
35 |
36 | first_name.gsub!(/[^0-9A-Za-z-]/, '')
37 | last_name.gsub!(/[^0-9A-Za-z-]/, '')
38 |
39 | if(name.length > 2)
40 | third_name = name[2]
41 | third_name.gsub!(/[^0-9A-Za-z-]/, '')
42 | last_name = last_name + "_" + third_name
43 | end
44 |
45 |
46 |
47 |
48 | image_url = "http://nba-players.herokuapp.com/players/#{last_name}/#{first_name}"
49 | res = Net::HTTP.get_response(URI.parse(image_url))
50 | image_url = 'http://nba-players.herokuapp.com/players/barnes/harrison' if res.body == "Sorry, that player was not found. Please check the spelling."
51 | twitter_sentiment = 0
52 |
53 | Athlete.create({name: player["name"], team_acronym: player["team_acronym"], team_name: player["team_name"], games_played: player["games_played"], minutes_per_game: player["minutes_per_game"], field_goals_attempted_per_game: player["field_goals_attempted_per_game"], field_goals_made_per_game: player["field_goals_made_per_game"], field_goal_percentage: player["field_goal_percentage"], free_throw_percentage: player["free_throw_percentage"], three_point_attempted_per_game: player["three_point_attempted_per_game"], three_point_made_per_game: player["three_point_made_per_game"], three_point_percentage: player["three_point_percentage"], points_per_game: player["points_per_game"], offensive_rebounds_per_game: player["offensive_rebounds_per_game"], defensive_rebounds_per_game: player["defensive_rebounds_per_game"], rebounds_per_game: player["rebounds_per_game"], assists_per_game: player["assists_per_game"], steals_per_game: player["steals_per_game"], blocks_per_game: player["blocks_per_game"], turnovers_per_game: player["turnovers_per_game"], player_efficiency_rating: player["player_efficiency_rating"], twitter_sentiment: twitter_sentiment, image_url: image_url})
54 | end
55 |
56 | Athlete.all.each do |athlete|
57 | initial_price = Stock.calculate_value(athlete)
58 | Stock.create({athlete_id: athlete.id, current_price: initial_price, initial_price: initial_price, day_start_price: initial_price})
59 | end
60 |
61 |
--------------------------------------------------------------------------------
/config/database.yml:
--------------------------------------------------------------------------------
1 | # PostgreSQL. Versions 9.1 and up are supported.
2 | #
3 | # Install the pg driver:
4 | # gem install pg
5 | # On OS X with Homebrew:
6 | # gem install pg -- --with-pg-config=/usr/local/bin/pg_config
7 | # On OS X with MacPorts:
8 | # gem install pg -- --with-pg-config=/opt/local/lib/postgresql84/bin/pg_config
9 | # On Windows:
10 | # gem install pg
11 | # Choose the win32 build.
12 | # Install PostgreSQL and put its /bin directory on your path.
13 | #
14 | # Configure Using Gemfile
15 | # gem 'pg'
16 | #
17 | default: &default
18 | adapter: postgresql
19 | encoding: unicode
20 | # For details on connection pooling, see Rails configuration guide
21 | # http://guides.rubyonrails.org/configuring.html#database-pooling
22 | pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>
23 |
24 | development:
25 | <<: *default
26 | database: trade-blitz_development
27 |
28 | # The specified database role being used to connect to postgres.
29 | # To create additional roles in postgres see `$ createuser --help`.
30 | # When left blank, postgres will use the default role. This is
31 | # the same name as the operating system user that initialized the database.
32 | #username: trade-blitz
33 |
34 | # The password associated with the postgres role (username).
35 | #password:
36 |
37 | # Connect on a TCP socket. Omitted by default since the client uses a
38 | # domain socket that doesn't need configuration. Windows does not have
39 | # domain sockets, so uncomment these lines.
40 | #host: localhost
41 |
42 | # The TCP port the server listens on. Defaults to 5432.
43 | # If your server runs on a different port number, change accordingly.
44 | #port: 5432
45 |
46 | # Schema search path. The server defaults to $user,public
47 | #schema_search_path: myapp,sharedapp,public
48 |
49 | # Minimum log levels, in increasing order:
50 | # debug5, debug4, debug3, debug2, debug1,
51 | # log, notice, warning, error, fatal, and panic
52 | # Defaults to warning.
53 | #min_messages: notice
54 |
55 | # Warning: The database defined as "test" will be erased and
56 | # re-generated from your development database when you run "rake".
57 | # Do not set this db to the same as development or production.
58 | test:
59 | <<: *default
60 | database: trade-blitz_test
61 |
62 | # As with config/secrets.yml, you never want to store sensitive information,
63 | # like your database password, in your source code. If your source code is
64 | # ever seen by anyone, they now have access to your database.
65 | #
66 | # Instead, provide the password as a unix environment variable when you boot
67 | # the app. Read http://guides.rubyonrails.org/configuring.html#configuring-a-database
68 | # for a full rundown on how to provide these environment variables in a
69 | # production deployment.
70 | #
71 | # On Heroku and other platform providers, you may have a full connection URL
72 | # available as an environment variable. For example:
73 | #
74 | # DATABASE_URL="postgres://myuser:mypass@localhost/somedatabase"
75 | #
76 | # You can use this database configuration with:
77 | #
78 | # production:
79 | # url: <%= ENV['DATABASE_URL'] %>
80 | #
81 | production:
82 | <<: *default
83 | database: trade-blitz_production
84 | username: trade-blitz
85 | password: <%= ENV['TRADE-BLITZ_DATABASE_PASSWORD'] %>
86 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/home.css:
--------------------------------------------------------------------------------
1 | .login-logout-button {
2 | margin-right: 35px;
3 | text-decoration: none;
4 | color: #21ce99;
5 | font-family: "Noto Sans", sans-serif;
6 | background-color: white;
7 | border: none;
8 | font-size: 16px;
9 | }
10 |
11 | .login-logout-button:hover {
12 | color: #1ae9aa;
13 | }
14 |
15 | .free-stock-result {
16 | margin-top: 70px;
17 | display: none;
18 | padding-bottom: 30px;
19 | }
20 |
21 | #player-info {
22 | background-color: white;
23 | width: 50%;
24 | margin: 0 auto;
25 | box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
26 | height: 200px;
27 | border-radius: 7px;
28 | padding: 15px;
29 | }
30 |
31 | #free-price {
32 | margin-top: 0;
33 | font-family: "Mukta", sans-serif;
34 | font-size: 34px;
35 | }
36 |
37 | #free-player-name {
38 | font-family: "Noto Sans", sans-serif;
39 | }
40 |
41 | #free-stock-button {
42 | background-color: #21ce99;
43 | color: white;
44 | border: none;
45 | width: 88px;
46 | height: 48px;
47 | font-size: 17px;
48 | border-radius: 10px;
49 | font-family: "Noto Sans", sans-serif;
50 | }
51 |
52 | #free-stock-button:hover {
53 | background-color: #1ae9aa;
54 | cursor: pointer;
55 | }
56 |
57 | #free-player-picture {
58 | max-width: 200px;
59 | margin-bottom: 0;
60 | }
61 | .free-stock-pop-up {
62 | background-color: #171718;
63 | z-index: 10;
64 | color: white;
65 | width: 65%;
66 | border-radius: 10px;
67 | margin: 0 auto;
68 | margin-top: 120px;
69 | height: 350px;
70 | box-shadow: 2px 2px 2px 1px #ccc;
71 | padding: 10px;
72 | }
73 |
74 | .home-section {
75 | text-align: center;
76 | overflow: hidden;
77 | }
78 |
79 | .free-stock-button {
80 | background-image: url("https://image.flaticon.com/icons/svg/1043/1043476.svg");
81 | height: 100px;
82 | width: 100px;
83 | margin-top: 50px;
84 | background-color: transparent;
85 | border: none;
86 | margin-left: 10px;
87 | margin-right: 10px;
88 | transition: width 0.5s ease;
89 | transition: height 0.5 ease;
90 | background-repeat: no-repeat;
91 | cursor: pointer;
92 | }
93 |
94 | #free-stock-button {
95 | box-shadow: 0 0 0 0 #1ae9aa;
96 | animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
97 | }
98 |
99 | .free-stock-button:focus {
100 | outline: none;
101 | border: none;
102 | }
103 |
104 | .free-stock-header {
105 | color: #1ae9aa;
106 | font-family: "Knewave", cursive;
107 | font-size: 50px;
108 | }
109 |
110 | .free-stock-subtitle {
111 | font-family: "Orbitron", sans-serif;
112 | font-size: 17px;
113 | }
114 |
115 | .free-stock-button:hover {
116 | width: 120px;
117 | height: 120px;
118 | }
119 |
120 | #hide {
121 | display: none;
122 | }
123 |
124 | #show {
125 | display: block;
126 | }
127 |
128 | .user-stock-card {
129 | margin-top: 200px;
130 | overflow: hidden;
131 | }
132 |
133 | @-webkit-keyframes pulse {
134 | to {
135 | box-shadow: 0 0 0 145px #1ae9aa;
136 | }
137 | }
138 |
139 | .account-settings-menu {
140 | color: white;
141 | background-color: rgba(27, 27, 29, 1);
142 | z-index: 9999;
143 | position: fixed;
144 | width: 296px;
145 | height: 195px;
146 | right: 30px;
147 | top: 60px;
148 | box-shadow: -1px 4px 18px gray;
149 | border-radius: 3px;
150 | }
151 |
--------------------------------------------------------------------------------
/frontend/components/session_form/login_form.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { withRouter } from "react-router-dom";
3 |
4 | class LoginForm extends React.Component {
5 | constructor(props) {
6 | super(props);
7 | this.state = {
8 | email: "",
9 | password: ""
10 | };
11 | this.handleSubmit = this.handleSubmit.bind(this);
12 | }
13 |
14 | componentDidMount() {
15 | this.props.receiveErrors([]);
16 | }
17 |
18 | update(field) {
19 | return e =>
20 | this.setState({
21 | [field]: e.currentTarget.value
22 | });
23 | }
24 |
25 | handleSubmit(e) {
26 | e.preventDefault();
27 | const user = Object.assign({}, this.state);
28 | this.props.processForm(user);
29 | }
30 | renderErrors() {
31 | return (
32 |
33 | {this.props.errors.map((error, i) => (
34 | -
35 | {error}
36 |
37 | ))}
38 |
39 | );
40 | }
41 |
42 | render() {
43 | return (
44 |
45 |
46 |
51 |
52 |
103 |
104 |
38 |
{this.state.athlete.name}
39 |
{this.state.athlete.team_name}
40 |
41 |
42 |
Games Played
43 |
44 | {this.state.athlete.games_played}
45 |
46 |
47 |
48 |
Points/Game
49 |
50 | {this.state.athlete.points_per_game}
51 |
52 |
53 |
54 |
55 |
Field Goal %
56 |
57 | {this.state.athlete.field_goal_percentage}
58 |
59 |
60 |
61 |
62 |
Efficiency Rating
63 |
64 | {this.state.athlete.player_efficiency_rating}
65 |
66 |
67 |
68 |
69 |
70 |
71 |
Rebounds/Game
72 |
73 | {this.state.athlete.rebounds_per_game}
74 |
75 |
76 |
77 |
78 |
Assists/Game
79 |
80 | {this.state.athlete.assists_per_game}
81 |
82 |
83 |
84 |
85 |
Steals/Game
86 |
87 | {this.state.athlete.steals_per_game}
88 |
89 |
90 |
91 |
92 |
Blocks/Game
93 |
94 | {this.state.athlete.blocks_per_game}
95 |
96 |
97 |
98 |
102 | {Object.values(this.state.athlete).length > 0 ? athleteStats() : null}
103 |
104 | );
105 | }
106 | }
107 |
108 | export default AthleteStats;
109 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/buy_sell.css:
--------------------------------------------------------------------------------
1 | .buy-sell-options-list {
2 | display: flex;
3 | justify-content: center;
4 | padding: 0;
5 | font-family: "Noto Sans", sans-serif;
6 | margin-bottom: 0;
7 | }
8 |
9 | .buy-sell-options-list li:hover {
10 | color: #21ce99;
11 | cursor: pointer;
12 | }
13 |
14 | .options-selected {
15 | color: #21ce99;
16 | border-bottom: 3px solid #21ce99;
17 | }
18 |
19 | .buy-order-option {
20 | margin-right: 20px;
21 | padding-bottom: 15px;
22 | }
23 |
24 | .sell-order-option {
25 | margin-left: 20px;
26 | padding-bottom: 15px;
27 | }
28 |
29 | .stock-num-shares-section {
30 | display: flex;
31 | justify-content: center;
32 | font-family: "Noto Sans", sans-serif;
33 | }
34 |
35 | .shares-label {
36 | margin-top: 40px;
37 | margin: 0 auto;
38 | font-size: 14px;
39 | margin-left: 27px;
40 | }
41 |
42 | .shares-num-input {
43 | margin-left: 90px;
44 | width: 70px;
45 | width: 75px;
46 | height: 30px;
47 | border-radius: 4px;
48 | border: none;
49 | text-align: right;
50 | padding-right: 12px;
51 | background-color: #f2f2f2;
52 | }
53 |
54 | input[type="number"] {
55 | -moz-appearance: textfield;
56 | }
57 |
58 | input::-webkit-outer-spin-button,
59 | input::-webkit-inner-spin-button {
60 | -webkit-appearance: none;
61 | }
62 | .stock-price-section {
63 | display: flex;
64 | margin-top: 10px;
65 | font-family: "Noto Sans", sans-serif;
66 | font-size: 14px;
67 | }
68 |
69 | .price-label {
70 | width: 100%;
71 | justify-content: center;
72 | margin-left: 27px;
73 | margin-bottom: 10px;
74 | }
75 |
76 | .stock-price-value {
77 | display: inline-block;
78 | margin-left: 95px;
79 | font-size: 14px;
80 | }
81 |
82 | .estimated-cost-credit-label {
83 | font-family: "Noto Sans", sans-serif;
84 | font-size: 15px;
85 | position: absolute;
86 | bottom: 6px;
87 | left: 10px;
88 | }
89 |
90 | .estimated-cost-credit {
91 | margin-top: 57px;
92 | display: flex;
93 | justify-content: space-between;
94 | position: relative;
95 | }
96 |
97 | .estimated-cost-credit-value {
98 | display: inline-block;
99 | margin-left: 78px;
100 | font-family: "Noto Sans", sans-serif;
101 | font-size: 15px;
102 | position: absolute;
103 | bottom: 3px;
104 | right: 10px;
105 | }
106 |
107 | .order-submit-button {
108 | display: block;
109 | margin: 0 auto;
110 | width: 227.7px;
111 | height: 48px;
112 | margin-top: 27px;
113 | margin-bottom: 20px;
114 | font-family: "Noto Sans", sans-serif;
115 | font-size: 14px;
116 | background-color: #21ce99;
117 | border-radius: 5px;
118 | border: none;
119 | }
120 |
121 | .order-submit-button:hover {
122 | background-color: #1ae9aa;
123 | cursor: pointer;
124 | }
125 |
126 | .buying-power-shares-available {
127 | margin-top: 15px;
128 | font-family: "Noto Sans", sans-serif;
129 | font-size: 14px;
130 | text-align: center;
131 | }
132 |
133 | .order-options-break-line {
134 | margin-bottom: 25px;
135 | margin-top: 0px;
136 | width: 100%;
137 | border: none;
138 | height: 1px;
139 | background: #f2f2f2;
140 | background: -webkit-gradient(
141 | radial,
142 | 50% 50%,
143 | 0,
144 | 50% 50%,
145 | 350,
146 | from(#f2f2f2),
147 | to(white)
148 | );
149 | }
150 |
151 | .buying-power-break-line {
152 | width: 100%;
153 | border: none;
154 | height: 1px;
155 | background: #f2f2f2;
156 | background: -webkit-gradient(
157 | radial,
158 | 50% 50%,
159 | 0,
160 | 50% 50%,
161 | 350,
162 | from(#f2f2f2),
163 | to(white)
164 | );
165 | }
166 |
167 | .estimated-cost-break-line {
168 | width: 80%;
169 | border: none;
170 | height: 1px;
171 | background: #f2f2f2;
172 | background: -webkit-gradient(
173 | radial,
174 | 50% 50%,
175 | 0,
176 | 50% 50%,
177 | 350,
178 | from(#f2f2f2),
179 | to(white)
180 | );
181 | }
182 |
--------------------------------------------------------------------------------
/config/environments/production.rb:
--------------------------------------------------------------------------------
1 | Rails.application.configure do
2 | # Settings specified here will take precedence over those in config/application.rb.
3 |
4 | # Code is not reloaded between requests.
5 | config.cache_classes = true
6 |
7 | # Eager load code on boot. This eager loads most of Rails and
8 | # your application in memory, allowing both threaded web servers
9 | # and those relying on copy on write to perform better.
10 | # Rake tasks automatically ignore this option for performance.
11 | config.eager_load = true
12 |
13 | # Full error reports are disabled and caching is turned on.
14 | config.consider_all_requests_local = false
15 | config.action_controller.perform_caching = true
16 |
17 | # Ensures that a master key has been made available in either ENV["RAILS_MASTER_KEY"]
18 | # or in config/master.key. This key is used to decrypt credentials (and other encrypted files).
19 | # config.require_master_key = true
20 |
21 | # Disable serving static files from the `/public` folder by default since
22 | # Apache or NGINX already handles this.
23 | config.public_file_server.enabled = ENV['RAILS_SERVE_STATIC_FILES'].present?
24 |
25 | # Compress JavaScripts and CSS.
26 | config.assets.js_compressor = :uglifier
27 | # config.assets.css_compressor = :sass
28 |
29 | # Do not fallback to assets pipeline if a precompiled asset is missed.
30 | config.assets.compile = false
31 |
32 | # `config.assets.precompile` and `config.assets.version` have moved to config/initializers/assets.rb
33 |
34 | # Enable serving of images, stylesheets, and JavaScripts from an asset server.
35 | # config.action_controller.asset_host = 'http://assets.example.com'
36 |
37 | # Specifies the header that your server uses for sending files.
38 | # config.action_dispatch.x_sendfile_header = 'X-Sendfile' # for Apache
39 | # config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect' # for NGINX
40 |
41 | # Store uploaded files on the local file system (see config/storage.yml for options)
42 | config.active_storage.service = :local
43 |
44 | # Mount Action Cable outside main process or domain
45 | # config.action_cable.mount_path = nil
46 | # config.action_cable.url = 'wss://example.com/cable'
47 | # config.action_cable.allowed_request_origins = [ 'http://example.com', /http:\/\/example.*/ ]
48 |
49 | # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
50 | # config.force_ssl = true
51 |
52 | # Use the lowest log level to ensure availability of diagnostic information
53 | # when problems arise.
54 | config.log_level = :debug
55 |
56 | # Prepend all log lines with the following tags.
57 | config.log_tags = [ :request_id ]
58 |
59 | # Use a different cache store in production.
60 | # config.cache_store = :mem_cache_store
61 |
62 | # Use a real queuing backend for Active Job (and separate queues per environment)
63 | # config.active_job.queue_adapter = :resque
64 | # config.active_job.queue_name_prefix = "trade-blitz_#{Rails.env}"
65 |
66 | config.action_mailer.perform_caching = false
67 |
68 | # Ignore bad email addresses and do not raise email delivery errors.
69 | # Set this to true and configure the email server for immediate delivery to raise delivery errors.
70 | # config.action_mailer.raise_delivery_errors = false
71 |
72 | # Enable locale fallbacks for I18n (makes lookups for any locale fall back to
73 | # the I18n.default_locale when a translation cannot be found).
74 | config.i18n.fallbacks = true
75 |
76 | # Send deprecation notices to registered listeners.
77 | config.active_support.deprecation = :notify
78 |
79 | # Use default logging formatter so that PID and timestamp are not suppressed.
80 | config.log_formatter = ::Logger::Formatter.new
81 |
82 | # Use a different logger for distributed setups.
83 | # require 'syslog/logger'
84 | # config.logger = ActiveSupport::TaggedLogging.new(Syslog::Logger.new 'app-name')
85 |
86 | if ENV["RAILS_LOG_TO_STDOUT"].present?
87 | logger = ActiveSupport::Logger.new(STDOUT)
88 | logger.formatter = config.log_formatter
89 | config.logger = ActiveSupport::TaggedLogging.new(logger)
90 | end
91 |
92 | # Do not dump schema after migrations.
93 | config.active_record.dump_schema_after_migration = false
94 | end
95 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/loader.css:
--------------------------------------------------------------------------------
1 | /* Credit to Tashfeen Ahamd
2 | https://icons8.com/cssload/en/spinners/2 */
3 |
4 | .cssload-loader {
5 | display: block;
6 | width: 50px;
7 | height: 50px;
8 | margin: auto;
9 | position: absolute;
10 | top: 0;
11 | left: 0;
12 | bottom: 0;
13 | right: 0;
14 | border: 4px solid #21ce99;
15 | animation: cssload-loader 2.3s infinite ease;
16 | -o-animation: cssload-loader 2.3s infinite ease;
17 | -ms-animation: cssload-loader 2.3s infinite ease;
18 | -webkit-animation: cssload-loader 2.3s infinite ease;
19 | -moz-animation: cssload-loader 2.3s infinite ease;
20 | }
21 |
22 | .cssload-loader-inner {
23 | vertical-align: top;
24 | display: inline-block;
25 | width: 100%;
26 | background-color: #21ce99;
27 | animation: cssload-loader-inner 2.3s infinite ease-in;
28 | -o-animation: cssload-loader-inner 2.3s infinite ease-in;
29 | -ms-animation: cssload-loader-inner 2.3s infinite ease-in;
30 | -webkit-animation: cssload-loader-inner 2.3s infinite ease-in;
31 | -moz-animation: cssload-loader-inner 2.3s infinite ease-in;
32 | }
33 |
34 | @keyframes cssload-loader {
35 | 0% {
36 | transform: rotate(0deg);
37 | }
38 |
39 | 25% {
40 | transform: rotate(180deg);
41 | }
42 |
43 | 50% {
44 | transform: rotate(180deg);
45 | }
46 |
47 | 75% {
48 | transform: rotate(360deg);
49 | }
50 |
51 | 100% {
52 | transform: rotate(360deg);
53 | }
54 | }
55 |
56 | @-o-keyframes cssload-loader {
57 | 0% {
58 | transform: rotate(0deg);
59 | }
60 |
61 | 25% {
62 | transform: rotate(180deg);
63 | }
64 |
65 | 50% {
66 | transform: rotate(180deg);
67 | }
68 |
69 | 75% {
70 | transform: rotate(360deg);
71 | }
72 |
73 | 100% {
74 | transform: rotate(360deg);
75 | }
76 | }
77 |
78 | @-ms-keyframes cssload-loader {
79 | 0% {
80 | transform: rotate(0deg);
81 | }
82 |
83 | 25% {
84 | transform: rotate(180deg);
85 | }
86 |
87 | 50% {
88 | transform: rotate(180deg);
89 | }
90 |
91 | 75% {
92 | transform: rotate(360deg);
93 | }
94 |
95 | 100% {
96 | transform: rotate(360deg);
97 | }
98 | }
99 |
100 | @-webkit-keyframes cssload-loader {
101 | 0% {
102 | transform: rotate(0deg);
103 | }
104 |
105 | 25% {
106 | transform: rotate(180deg);
107 | }
108 |
109 | 50% {
110 | transform: rotate(180deg);
111 | }
112 |
113 | 75% {
114 | transform: rotate(360deg);
115 | }
116 |
117 | 100% {
118 | transform: rotate(360deg);
119 | }
120 | }
121 |
122 | @-moz-keyframes cssload-loader {
123 | 0% {
124 | transform: rotate(0deg);
125 | }
126 |
127 | 25% {
128 | transform: rotate(180deg);
129 | }
130 |
131 | 50% {
132 | transform: rotate(180deg);
133 | }
134 |
135 | 75% {
136 | transform: rotate(360deg);
137 | }
138 |
139 | 100% {
140 | transform: rotate(360deg);
141 | }
142 | }
143 |
144 | @keyframes cssload-loader-inner {
145 | 0% {
146 | height: 0%;
147 | }
148 |
149 | 25% {
150 | height: 0%;
151 | }
152 |
153 | 50% {
154 | height: 100%;
155 | }
156 |
157 | 75% {
158 | height: 100%;
159 | }
160 |
161 | 100% {
162 | height: 0%;
163 | }
164 | }
165 |
166 | @-o-keyframes cssload-loader-inner {
167 | 0% {
168 | height: 0%;
169 | }
170 |
171 | 25% {
172 | height: 0%;
173 | }
174 |
175 | 50% {
176 | height: 100%;
177 | }
178 |
179 | 75% {
180 | height: 100%;
181 | }
182 |
183 | 100% {
184 | height: 0%;
185 | }
186 | }
187 |
188 | @-ms-keyframes cssload-loader-inner {
189 | 0% {
190 | height: 0%;
191 | }
192 |
193 | 25% {
194 | height: 0%;
195 | }
196 |
197 | 50% {
198 | height: 100%;
199 | }
200 |
201 | 75% {
202 | height: 100%;
203 | }
204 |
205 | 100% {
206 | height: 0%;
207 | }
208 | }
209 |
210 | @-webkit-keyframes cssload-loader-inner {
211 | 0% {
212 | height: 0%;
213 | }
214 |
215 | 25% {
216 | height: 0%;
217 | }
218 |
219 | 50% {
220 | height: 100%;
221 | }
222 |
223 | 75% {
224 | height: 100%;
225 | }
226 |
227 | 100% {
228 | height: 0%;
229 | }
230 | }
231 |
232 | @-moz-keyframes cssload-loader-inner {
233 | 0% {
234 | height: 0%;
235 | }
236 |
237 | 25% {
238 | height: 0%;
239 | }
240 |
241 | 50% {
242 | height: 100%;
243 | }
244 |
245 | 75% {
246 | height: 100%;
247 | }
248 |
249 | 100% {
250 | height: 0%;
251 | }
252 | }
253 |
--------------------------------------------------------------------------------
/db/schema.rb:
--------------------------------------------------------------------------------
1 | # This file is auto-generated from the current state of the database. Instead
2 | # of editing this file, please use the migrations feature of Active Record to
3 | # incrementally modify your database, and then regenerate this schema definition.
4 | #
5 | # Note that this schema.rb definition is the authoritative source for your
6 | # database schema. If you need to create the application database on another
7 | # system, you should be using db:schema:load, not running all the migrations
8 | # from scratch. The latter is a flawed and unsustainable approach (the more migrations
9 | # you'll amass, the slower it'll run and the greater likelihood for issues).
10 | #
11 | # It's strongly recommended that you check this file into your version control system.
12 |
13 | ActiveRecord::Schema.define(version: 2018_10_18_030032) do
14 |
15 | # These are extensions that must be enabled in order to support this database
16 | enable_extension "plpgsql"
17 |
18 | create_table "athlete_price_snapshots", force: :cascade do |t|
19 | t.integer "athlete_id", null: false
20 | t.float "price", null: false
21 | t.datetime "created_at", null: false
22 | t.datetime "updated_at", null: false
23 | end
24 |
25 | create_table "athletes", force: :cascade do |t|
26 | t.string "name", null: false
27 | t.string "team_acronym"
28 | t.string "team_name"
29 | t.integer "games_played"
30 | t.float "minutes_per_game"
31 | t.float "field_goals_attempted_per_game"
32 | t.float "field_goals_made_per_game"
33 | t.float "field_goal_percentage"
34 | t.float "free_throw_percentage"
35 | t.float "three_point_attempted_per_game"
36 | t.float "three_point_made_per_game"
37 | t.float "three_point_percentage"
38 | t.float "points_per_game"
39 | t.float "offensive_rebounds_per_game"
40 | t.float "defensive_rebounds_per_game"
41 | t.float "rebounds_per_game"
42 | t.float "assists_per_game"
43 | t.float "steals_per_game"
44 | t.float "blocks_per_game"
45 | t.float "turnovers_per_game"
46 | t.float "player_efficiency_rating"
47 | t.float "twitter_sentiment"
48 | t.string "image_url"
49 | t.datetime "created_at", null: false
50 | t.datetime "updated_at", null: false
51 | t.index ["name"], name: "index_athletes_on_name"
52 | end
53 |
54 | create_table "orders", force: :cascade do |t|
55 | t.string "order_type"
56 | t.integer "num_share"
57 | t.string "user_id", null: false
58 | t.string "stock_id", null: false
59 | t.date "purchase_date"
60 | t.float "purchase_price"
61 | t.float "total_return"
62 | t.float "today_return"
63 | t.float "equity"
64 | t.datetime "created_at", null: false
65 | t.datetime "updated_at", null: false
66 | end
67 |
68 | create_table "stocks", force: :cascade do |t|
69 | t.integer "athlete_id", null: false
70 | t.float "current_price"
71 | t.float "initial_price"
72 | t.datetime "created_at", null: false
73 | t.datetime "updated_at", null: false
74 | t.float "day_end_price"
75 | t.float "day_start_price"
76 | t.index ["athlete_id"], name: "index_stocks_on_athlete_id"
77 | end
78 |
79 | create_table "tweet_score_snapshots", force: :cascade do |t|
80 | t.integer "athlete_id", null: false
81 | t.float "twitter_sentiment", null: false
82 | t.datetime "created_at", null: false
83 | t.datetime "updated_at", null: false
84 | end
85 |
86 | create_table "tweets", force: :cascade do |t|
87 | t.string "body"
88 | t.float "score"
89 | t.integer "athlete_id", null: false
90 | t.datetime "created_at", null: false
91 | t.datetime "updated_at", null: false
92 | end
93 |
94 | create_table "user_port_snapshots", force: :cascade do |t|
95 | t.integer "user_id", null: false
96 | t.float "port_value", null: false
97 | t.datetime "created_at", null: false
98 | t.datetime "updated_at", null: false
99 | end
100 |
101 | create_table "users", force: :cascade do |t|
102 | t.string "email", null: false
103 | t.string "password_digest", null: false
104 | t.string "first_name", null: false
105 | t.string "last_name", null: false
106 | t.string "session_token", null: false
107 | t.datetime "created_at", null: false
108 | t.datetime "updated_at", null: false
109 | t.float "buying_power", null: false
110 | t.index ["email"], name: "index_users_on_email"
111 | end
112 |
113 | create_table "watchlist_items", force: :cascade do |t|
114 | t.integer "user_id", null: false
115 | t.integer "stock_id", null: false
116 | t.datetime "created_at", null: false
117 | t.datetime "updated_at", null: false
118 | end
119 |
120 | end
121 |
--------------------------------------------------------------------------------
/frontend/components/free_stock/free_stock.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { fetchAthlete } from "./../../util/athlete_api_util";
3 | import { withRouter } from "react-router";
4 |
5 | class FreeStock extends React.Component {
6 | constructor(props) {
7 | super(props);
8 | this.state = {
9 | freeStock: {},
10 | freeAthlete: {},
11 | userId: ""
12 | };
13 | this.freeStockClicked = this.freeStockClicked.bind(this);
14 | this.freeStockReceived = this.freeStockReceived.bind(this);
15 | }
16 |
17 | componentDidMount() {
18 | this.props.fetchStocks();
19 | }
20 |
21 | freeStockClicked(e) {
22 | e.preventDefault();
23 | const randomNum = Math.floor(Math.random() * this.props.stocks.length);
24 | const freeSection = document.getElementById("free-stock-section");
25 | freeSection.classList.remove("jackInTheBox");
26 | freeSection.classList.add("lightSpeedOut");
27 | freeSection.setAttribute("id", "hide");
28 | this.setState({ freeStock: this.props.stocks[randomNum] });
29 | fetchAthlete(this.props.stocks[randomNum].athlete_id).then(athlete => {
30 | this.setState({ freeAthlete: Object.values(athlete)[0] });
31 | document.getElementById("free-stock-view").setAttribute("id", "show");
32 | });
33 | }
34 |
35 | freeStockReceived(e) {
36 | e.preventDefault();
37 | const freeStock = document.getElementById("show");
38 | freeStock.classList.remove("fadeInUp");
39 | freeStock.classList.remove("animated");
40 | freeStock.setAttribute("id", "hide");
41 | const newOrder = {
42 | num_share: 1,
43 | user_id: parseInt(this.props.match.params.user_id),
44 | stock_id: this.state.freeStock.id,
45 | purchase_price: this.state.freeStock.initial_price,
46 | order_type: "BUY"
47 | };
48 | this.props.createOrder(newOrder);
49 | this.props.removeFirstUser();
50 | this.props.history.push("/");
51 | }
52 |
53 | render() {
54 | let currentUser = this.props.currentUser;
55 | const loader = () => (
56 |
57 |
58 |
59 | );
60 |
61 | const freeStockView = () => (
62 |
63 |
69 |
70 |
71 |
72 | ${this.state.freeStock.initial_price.toFixed(2)}
73 |
74 | {this.state.freeAthlete.name}
75 |
76 |
77 |
78 |
81 |
82 |
86 |
87 |
91 |
99 |
100 | {Object.values(this.state.freeStock).length > 0
101 | ? freeStockView()
102 | : loader()}
103 |
107 |
108 | WE LOVE NEW USERS!
109 |
110 |
111 | To get you started, here's a free stock on us.
112 |
113 |
118 |
123 |
128 |
129 |
95 | {this.props.errors.map((error, i) => (
96 | -
97 | {error}
98 |
99 | ))}
100 |
101 | );
102 | }
103 |
104 | render() {
105 | return (
106 |
107 |
this.props.history.push("/")}
110 | >
111 |
115 |
116 |
117 |
182 |
183 | {this.renderErrors()}
184 |
185 |
190 |
191 |
192 |
148 |
149 | Display
150 |
151 |
152 | - Last Price
153 | - Percent Change
154 | - Your Equity
155 | - Today's Return
156 |
157 |
158 | Stocks
159 |
166 |
167 |
168 | {this.state.normalizedOrders.map(order => {
169 | return (
170 |
175 | );
176 | })}
177 | Watchlist
178 |
179 | {this.props.watchlistItems.map(item => {
180 | return (
181 |
186 | );
187 | })}
188 |
189 |