Name: arena-web
Owner: Topcoder
Description: user.practiceProblemList.html
Created: 2014-12-10 15:50:25.0
Updated: 2018-03-17 03:01:49.0
Pushed: 2017-06-21 20:06:18.0
Size: 3544
Language: JavaScript
GitHub Committers
User | Most Recent Commit | # Commits |
---|
Other Committers
User | Most Recent Commit | # Commits |
---|
[topcoder] Arena for Single Round Match contests. Lightweight html/css/js interface built on angular and bootstrap. Single-page, responsive design approach.
To develop arena-web you'll need npm (installed as part of node). Then globally install bower and the grunt-cli:
Please execute following under root account or use sudo
install -g bower
install -g grunt-cli
Then clone this repo. Then to get all dependencies simply run:
install
Do all development in the app
directory. Within that directory:
css/app.css
img/
js
using whatever structure you want, but be sure everything is linked to js/app.js
. This file is the main entry point for the app.Even though this is a client-side app, we still try to follow 12factor. As such as configuration variables are expected to be set as environment variables. The values will be substituted into the app/js/config.js
file on build.
Source the environment variables:
ce config/dev-local.sh
To build the client side app run:
t
This will perform the following tasks:
build
directory.config.js
with the environment variables.build/js/bundle.js
.build/css/bundle.css
.build
.To release the app run:
t release
Release is similar to build, but it works out of the build
directory and minifies all the javascript. It copies everything to release
.
To use jslint validate the js files:
t jslint
This will validate all js files by grunt-contrib-jshint .
http-server, a simple static webserver, is one of the dev dependencies. To serve the app from the build
directory on port 3000 on localhost simply use:
start