Web application to display the locations where the movie was filmed in San Francisco utilizing the Film Locations data.
- node.js - For its ease of standing up web server that goes well with Heroku
- AngularJS - Impressive client-side framework providing MVVM pattern, Dependency Injection, 2-way data binding, Templating to name a few that I attempted to incorporate into this SPA (Single-Page Application) in just couple of days of exposure to the framework.
- Parse.com - Cloud app platform for building scalable backend that is used for movie data management and to demonstrate client-server architecture.
- Twitter's Bootstrap - For bootstraping the web page styles.
One of these options can be used:
- serve this repository with your webserver
- install node.js and run
node scripts/web-server.js
├── index.html -- the main template file for the app
├── 404.html -- 404 template file
|__ Procfile -- list of processes to run on Heroku
|__ package.json -- NPM package depencies
├── css
│ └── app.css -- app specific styles
├── js
│ ├── app.js -- app module init file with directives injected
│ ├── controllers.js -- app controller
│ └── services.js -- app services for common/init methods
│ ├── movie-names.json -- app data with list of movie names
├── scripts
│ └── web-server.js -- node webserver
├── test -- tests go here
└── views
└── mapview.html -- partial template file with the map view
Now for the exciting part.. demo of the app deployed to Heroku: SF Movies App
Quite a few things:
- Add test cases using Karma test framework
- Bower/Grunt integration to improve dev work flow to automate and configure dependencies
- Logging mechanism to consider Papertail/Loggly/Logentries
- and more nice stuff :)