Giter Club home page Giter Club logo

summonerstats's Introduction

summoner-stats

Summary

This app uses the MEAN stack and the League of Legends API to create a recent match stats for a given summoner.

Purpose

  • To apply angular patterns inspired by John Papa's Angular Styleguide.
  • Learn more about GruntJs, Bower and Yeoman generators
  • Explore NodeJs with express

To Do

  • Add CSS to make mobile view nicer
  • Implement unit tests for NodeJs service and angular services
  • Add error handling for API calls
  • Fix occasional navigation issue

Getting Started

This project was generated with the Angular Full-Stack Generator version 3.3.0-beta.0.

Prerequisites

  • Git
  • Node.js and npm Node ^4.2.3, npm ^2.14.7
  • Bower (npm install --global bower)
  • Ruby and then gem install sass
  • Grunt (npm install --global grunt-cli)
  • MongoDB - Keep a running daemon with mongod

Get League of Legends Dev Key [Important]

  1. Register for a dev kay at https://developer.riotgames.com/.
  2. Add the key in config/local.env.sample.json and remove sample from filename
  3. Run grunt serve, this will create settings.js in server/config/environment that is available for the node server to use.

Developing

  1. Run npm install to install server dependencies.

  2. Run bower install to install front-end dependencies.

  3. Run mongod in a separate shell to keep an instance of the MongoDB Daemon running

  4. Run grunt serve to start the development server. It should automatically open the client in your browser when ready.

Build & development

Run grunt build for building and grunt serve for preview.

summonerstats's People

Contributors

svaldivia avatar

Watchers

 avatar

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.