Node.js JavaScript analyzer phantomjs style-guide
Need help with Stylify-Me?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.
micmro

Description

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

208 Stars 42 Forks MIT License 165 Commits 1 Opened issues

Services available

Need anything else?

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

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.