/Stylify-Me

Website style analyzer for designers. This is the service part that does the analyzation etc.

Primary LanguageJavaScriptMIT LicenseMIT

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.

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.");
});