The website http://mobile.clubmeiwei.com is optimized for touch event, only available on mobile devices.
This web app works best on iOS 5+ Mobile Safari (iOS theme) and other modern browsers (web theme). It uses these wonderful scripts:
Also uses the Meiwei Django Rest API.
Some of the cutting-edge web technologies used:
-
Prerequisites
-
Install nodejs and git
-
Install Grunt's command line interface
npm install -g grunt-cli
-
Prepare Project
git clone [email protected]:DXDSpirits/meiwei-app.git cd meiwei-app npm install
-
-
Grunt tasks
-
Config distribute path
echo '{"path": {"dest": "www", "src": "."}}' >> config.json
-
Compile templates in
assets/template/*
to generatewww/assets/javascripts/templates.js
grunt templates
-
Concat JavaScript files in
assets/javascripts/app/*
to generateassets/javascripts/mw-app.js
grunt concat
-
Minify JavaScript files in
assets/javascripts/plugin/*
andassets/javascripts/mw-app.js
to generatewww/assets/javascripts/plugin/*
andassets/javascripts/mw-app.js
grunt uglify
-
Compile Sass files in
assets/sass/*
to generatewww/assets/stylesheets/mobile.css
grunt sass
-
Concat html files in
mobile/*
to generatewww/index.html
grunt includes
-
Copy images, fonts, vendor scripts and other static files to
www
grunt copy
-
Alternative to previous 6 commandes, eg. run templates + concat + uglify + sass + includes + copy at the same time
grunt dist
-
Monitor files, run tasks when they're changed
grunt watch
-
Run a local dev server.
grunt connect
Arguments:
--appcache
- enable Application Cache--port=XX
- specify a custom port number
-
Run both
watch
andconnect
tasks at the same timegrunt server
-
Licensed under the MIT License.