Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jvaclavik/codecamp-movies-app


https://github.com/jvaclavik/codecamp-movies-app

Last synced: 3 days ago
JSON representation

Awesome Lists containing this project

README

        

Application skeleton
=============================

Before the application can run you need to

* Install npm dependencies
```
npm install
```
* Install bower dependencies
```
bower install
```
* Copy used bower js and css libs and fonts to the app
```
gulp bowerlibs
```

Using ES6 (babel) in app
------------------------
It's simple. Just set extension of your file to .es6.js and put it in some of the app-folders (www/model, www/app, www/view).
Don't forget that these files must be transpiled to Vanilla javascript, so you have to serve them from www/build/ folder.
Don't worry about directory structure where are files compiled, it mimics current folder structure.
So if you want to use ES6 version of you file, just put build/ in fron of the path in `````` tag in index.html.

Application structure
---------------------
```
+- bower_components (bower libraries)
+- hooks (something cordova needs)
+- node_modules (node libraries)
+- resources (app icons and splash screens)
+- scss
| +- partials
| +- ui
| +- views (scss for specific views)
| \- ionic.app.scss (main scss that imports all the others)
|
\- www
+- app
| +- app.js
| \- config.js
|
+- css (generated css files from scss and bower libs)
+- fonts (fonts from bower libraries)
+- img (images used in the app)
+- js (bower js and code used across apps)
+- model (app specific models)
| \- global-service.js
|
+- views (app specific views)
| |
| \- main
| \- main.js
\- index.html
```