This app uses the MEAN stack and the League of Legends API to create a recent match stats for a given summoner.
- To apply angular patterns inspired by John Papa's Angular Styleguide.
- Learn more about GruntJs, Bower and Yeoman generators
- Explore NodeJs with express
- 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
This project was generated with the Angular Full-Stack Generator version 3.3.0-beta.0.
- 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
- Register for a dev kay at https://developer.riotgames.com/.
- Add the key in
config/local.env.sample.json
and removesample
from filename - Run
grunt serve
, this will createsettings.js
inserver/config/environment
that is available for the node server to use.
-
Run
npm install
to install server dependencies. -
Run
bower install
to install front-end dependencies. -
Run
mongod
in a separate shell to keep an instance of the MongoDB Daemon running -
Run
grunt serve
to start the development server. It should automatically open the client in your browser when ready.
Run grunt build
for building and grunt serve
for preview.