https://github.com/traa/largular

angular application with modules, bundles, require.js and r.js
https://github.com/traa/largular

Last synced: about 1 month ago
JSON representation

angular application with modules, bundles, require.js and r.js

• Host: GitHub
• URL: https://github.com/traa/largular
• Owner: traa
• Created: 2014-09-08T10:47:16.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2015-12-14T14:39:29.000Z (about 9 years ago)
• Last Synced: 2024-11-06T20:49:16.586Z (3 months ago)
• Language: JavaScript
• Size: 902 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
largular

========

Angular application with modules, bundles, require.js and r.js

## Starting

Installing dependencies

`npm install`

Running server

Processed by rjs `node public/server.js`

Development mode `node public/server.js`

## Building application

To build project (compile it into bundles, minify CSS, copy to `public` folder and other cool things, that you can set up in `build.js`) type this into your shell (navigate to project folder)

#### Windows

`r.js.cmd -o build.js`

#### Mac/Linux

`r.js -o build.js`

Your build is located in `public` folder. 

`index.html` is an entry point.

## Adding a new module

1. Place module folder into `js/components` folder. It must be a requirejs package, with `main.js` file in it, which contains a list of all module files. In this example `module.js` is an entry point of module, where stored module configuration and angular dependencies

2. Add a new package into `js/main.js` file, at `packages` object, with it's own name and location.

3. Create new bundle or add package name to one of existing bundles (like `mymodule` added to `app` bundle). **Bundle** can be a set of modules/packages.

4. Add to `app` module angular dependency, with name of your angular module.

## Adding a new bundle

1. Create a new file with desired bundle name in `js/bundles` and list all packages, that needs to be included in it.

2. Add to `build.js` new bundle, in `modules` object. Name of module must be `bundles/`

3. Load it somewhere in the app by calling `require(['bundles/mybundlename']);`

## Module examples

[Here is](https://github.com/traa/largular/tree/master/js/components/mymodule) a small example of module

## Application workflow

![Structure of app](http://funkyimg.com/i/KskZ.png)

## So, what's the goal?

1. Run it. This includes compiling and starting server.

2. Implement list of coming soon movies on main page using [Metacritic API](https://market.mashape.com/byroredux/metacritic-v2#get-coming-soon-movie-list)

3. Implement movie search using [same Metacritic API](https://market.mashape.com/byroredux/metacritic-v2#search-movies)

You can fork this repo and commit your code, so updates are easily tracked.

Feel free to modify an app as you want and ask any questions to skype **truthatenvy**

##Rules

1. No third-party services.

Optional:

1. Remove blinking effect on page load

2. Add gulp/grunt task, that will automatically rebuild application and start a node server