Website style analyzer for designers. This is the service part that does the analyzation etc.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.fonts
lib
public
views
.buildpacks
.gitignore
LICENSE
Procfile
README.md
app.js
package-lock.json
package.json
phantom-rasterize.js
stylify-crawler.js

README.md

Stylify Me

A Style Guide Generator - using NodeJS and PhantomJS, a command line webkit browser. See it live at http://stylifyme.com

This repo only contains the web service. We host our app on Heroku using the multi buildpack.

Running the service locally

  1. Make sure you have NodeJS installed and running

  2. Install dependencies with npm npm install

  3. Update the referer url check in "app.js" with the url of your frontend (local and production):

    isRefererValid : function(referer){
    		var validRefs = ["http://stylifyme.com", "http://www.stylifyme.com", "http://stylify.herokuapp.com", "http://localhost:9185", "http://localhost:" + app.get('port')]
    			,isvalid = false;
    		.....
    	}
  4. Start the nodeJs app with node app.js

  5. Query http://localhost:5000/query?url=https%3A%2F%2Fgoogle.com (assuming you run your app on port 5000) and you should be able to see a JSON response I recomend using Postman for debugging your api

Frontend

This repo only contains the web service, you can query it from the front end like this:

var urlToQuery = encodeURIComponent("http://google.com");

$.ajax({
	dataType: "jsonp",
	url: "http://youreServiceUrl.com/query?url="+ urlToQuery,
	success: function(data){
		if(data["error"]){
			alert("Error: " + data["error"]);
			return;
		}
		//PROCESS the result
	},
	timeout : 10000
}).fail(function(){
	alert("Could not query site, the service might be down, please try again later.");
});