Giter Club home page Giter Club logo

bb's Introduction

#MLB Scoreboard app

This is a non-commercial ReactJS app that uses the MLB Gameday APIs as the source of its data. It uses an express server to broker requests to the Gameday API server, since the Gameday API server does not allow Cross-Origin-Requests. The app itself is a Single Page App that uses react-router to handle client side navigation.

I'm building this app mostly to teach myself ReactJS. A goal of this project is to turn this into a Hosted Web App for Windows 10 so that I can take advantage of additional functionality in WinRT (e.g., notifications, Cortana integration).

For more information about the MLB Gamday API, see [1]. For more information about setting up webpack, and webpack-dev-server, see [2].

##Pre-requisities:

  1. Download and install node.js (tested on 0.12.1) from nodejs.org
  2. git command-line tools. Easiest way to get them is to setup Chocolatey and then run cinst git from an elevated command prompt.

##Install and run:

  1. After cloning the repository, navigate to the directory where package.json lives and run: npm install
  2. Open another command prompt window and start the webpack build server using: npm run dev
  3. Open another command prompt window and start the web server using: npm start
  4. Navigate to the app via: http://localhost:3000

[1] http://brianmpalma.com/post/94406169057/what-i-learned-deconstructing-the-mlb-gameday-api [2] http://christianalfoni.github.io/javascript/2014/12/13/did-you-know-webpack-and-react-is-awesome.html

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.