diff --git a/app/controllers/public/api_controller.rb b/app/controllers/public/api_controller.rb
index 5062771..b7fffcd 100644
--- a/app/controllers/public/api_controller.rb
+++ b/app/controllers/public/api_controller.rb
@@ -6,4 +6,8 @@ class ApiController < PublicController
     @api = Noosfero::API.api_class
   end
 
+  def playground
+    @api = Noosfero::API.api_class
+  end
+
 end
diff --git a/app/views/api/index.html.erb b/app/views/api/index.html.erb
index 2aa83c1..bdce7c3 100644
--- a/app/views/api/index.html.erb
+++ b/app/views/api/index.html.erb
@@ -1,5 +1,9 @@
 <h1>EndPoints</h1>
 
+<div style="float: right">
+<%= s_('api-playground|Try the %s') % link_to('API Playground', '/api/playground') %>
+</div>
+
 <%= @api.endpoints.map do |endpoint|
   app = endpoint.options[:app].to_s
   unless app.blank?
diff --git a/app/views/api/playground.html.erb b/app/views/api/playground.html.erb
new file mode 100644
index 0000000..b0744d6
--- /dev/null
+++ b/app/views/api/playground.html.erb
@@ -0,0 +1,26 @@
+<h1>API Playground</h1>
+
+<script>
+var endpoints = <%=
+@api.endpoints.map do |endpoint|
+  app = endpoint.options[:app].to_s
+  unless app.blank?
+    endpoint.routes.map do |route|
+      {
+        method: route.route_method,
+        path: route.route_path.gsub(':version', route.route_version).split('(').first
+      }
+    end
+  end
+end.flatten.compact.sort{|a,b| a[:path]=='/api/v1/login' ? -1:1}.to_json %>;
+</script>
+
+<form id="api-form">
+  <label>Endpoint: <select name="endpoint" onchange="playground.selEndpoint()"></select></label> &nbsp;
+  <label>Token: <input id="api-token" size="32" style="font-family:monospace"></label>
+</form>
+<button onclick="playground.addFormParam()"><%=_('Add parameter')%></button>
+<button onclick="playground.run()" style="font-weight:bold">&nbsp; <%=_('Run')%> &nbsp;</button>
+<pre id="api-response"></pre>
+
+<script src="/javascripts/api-playground.js"></script>
diff --git a/public/javascripts/api-playground.js b/public/javascripts/api-playground.js
new file mode 100644
index 0000000..c7bbe18
--- /dev/null
+++ b/public/javascripts/api-playground.js
@@ -0,0 +1,87 @@
+// Create endpoint options
+for (var endpoint,i=0; endpoint=endpoints[i]; i++) {
+  jQuery('<option>'+endpoint.method+' '+endpoint.path+'</option>').appendTo('#api-form select');
+}
+
+var playground = {
+
+  getToken: function() {
+    return jQuery('#api-token').val();
+  },
+
+  setToken: function(token) {
+    jQuery('#api-token').val(token);
+  },
+
+  getEndpoint: function() {
+    var endpoint = jQuery('#api-form select').val().split(' ');
+    return {
+      method: endpoint[0],
+      path: endpoint[1]
+    };
+  },
+
+  selEndpoint: function() {
+    var endpoint = this.getEndpoint();
+    jQuery('#api-form .api-param').remove();
+    if ( endpoint.path == '/api/v1/login' ) {
+      this.addFormParam('login');
+      this.addFormParam('password');
+    }
+    var pathParameters = endpoint.path.match(/:[^/]+/g);
+    if ( pathParameters ) {
+      for (var pathParam,i=0; pathParam=pathParameters[i]; i++) {
+        this.addFormParam(pathParam.substr(1));
+      }
+    }
+  },
+
+  addFormParam: function(name) {
+    if (!name) name = '';
+    jQuery('<div class="api-param">'+
+    '<label>name: <input name="name[]" value="'+name+'"></label> &nbsp; '+
+    '<label>value: <input name="value[]"></label>'+
+    '</div>').appendTo('#api-form');
+  },
+
+  run: function() {
+    var endpoint = this.getEndpoint();
+    var rawData = jQuery('#api-form').serializeArray();
+    var data = {};
+    for (var i=1; i<rawData.length; i+=2) {
+      data[ rawData[i].value ] = rawData[i+1].value;
+    }
+    if ( endpoint.path != '/api/v1/login' ) {
+      data.private_token = this.getToken();
+    }
+    jQuery('#api-response').empty();
+    var url = endpoint.path;
+    var pathParameters = endpoint.path.match(/:[^/]+/g);
+    if ( pathParameters ) {
+      for (var pathParam,i=0; pathParam=pathParameters[i]; i++) {
+        url = url.replace(pathParam, data[pathParam.substr(1)]);
+      }
+    }
+    console.log('API Request', url, data);
+    jQuery.ajax(url, {
+      dataType: 'json',
+      method: endpoint.method,
+      data: data,
+      success: function(data, textStatus, jqXHR) {
+        jQuery('#api-response').text( JSON.stringify(data, null, '  ') );
+        if ( endpoint.path == '/api/v1/login' ) {
+          playground.setToken(data.private_token);
+        }
+      },
+      error: function(jqXHR, textStatus, errorThrown) {
+        jQuery('#api-response').html(
+          '<h2>'+textStatus+'</h2>' +
+          'Request to '+url+' fail.\n\n' + errorThrown
+        );
+      }
+    });
+  }
+
+};
+
+playground.selEndpoint(jQuery('#api-form select')[0]);
--
libgit2 0.21.2