diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..2371531
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,10 @@
+node_modules
+temp
+.tmp
+dist
+.sass-cache
+app/bower_components
+test/bower_components
+package
+app/scripts
+.DS_Store
\ No newline at end of file
diff --git a/images/icon-16.png b/images/icon-16.png
new file mode 100644
index 0000000..a425dad
--- /dev/null
+++ b/images/icon-16.png
Binary files differ
diff --git a/images/icon-32.png b/images/icon-32.png
new file mode 100644
index 0000000..6482708
--- /dev/null
+++ b/images/icon-32.png
Binary files differ
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..05a4dc7
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,19 @@
+{
+  "name": "Gerrit bug reporter",
+  "version": "0.0.1",
+  "manifest_version": 2,
+  "description": "Pre-popupate gerrit bug reports with screenshots",
+  "icons": {
+    "16": "images/icon-16.png",
+    "128": "images/icon-32.png"
+  },
+  "browser_action": {
+    "default_popup": "popup.html",
+    "default_title": "Click here!"
+  },
+  "permissions": [
+    "activeTab",
+    "<all_urls>",
+    "tabs"
+  ]
+}
diff --git a/popup.html b/popup.html
new file mode 100644
index 0000000..67f30fe
--- /dev/null
+++ b/popup.html
@@ -0,0 +1,38 @@
+<html>
+  <head>
+    <script src="popup.js"></script>
+  </head>
+  <body style="width: 400px">
+    <style>
+      body {
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 12px;
+      }
+      input,
+      textarea {
+        width: 100%;
+      }
+      #target {
+        width: 100%;
+      }
+      #imgContainer {
+        overflow: auto;
+      }
+      .hidden {
+        display: none;
+      }
+    </style>
+    <div id="error">
+      To use this plugin, go to a gerrit site.
+    </div>
+    <div id="gerritBugReport" class="hidden">
+      <p>Bug report title<input id="summary" type="text"></p>
+      <p>Description<textarea id="description"
+            placeholder="Include all repro steps and browser/OS if applicable"></textarea>
+      </p>
+      <button id="screenshotBtn">Add screenshot</button>
+      <button id="submitBtn">Pre-populate bug report</button>
+      <div id="imgContainer"><img id="target"/></div>
+    </div>
+  </body>
+</html>
\ No newline at end of file
diff --git a/popup.js b/popup.js
new file mode 100644
index 0000000..25d93f0
--- /dev/null
+++ b/popup.js
@@ -0,0 +1,75 @@
+function GerritBugReport(currentTab) {
+  this.image = '';
+  this.url = currentTab;
+};
+GerritBugReport.prototype._addEventListeners = function(button, submitBtn) {
+  button.addEventListener('click', this._handleTap.bind(this));
+  submitBtn.addEventListener('click', this._handleSubmit.bind(this));
+}
+GerritBugReport.prototype._handleTap = function() {
+  chrome.tabs.captureVisibleTab(null, {format: 'png'}, function(img) {
+    this.image = img;
+    document.getElementById('target').src = img;
+    document.getElementById('screenshotBtn').classList.add('hidden');
+  }.bind(this));
+};
+GerritBugReport.prototype._computeQueryString = function(url, queryParams) {
+  for (const key of Object.keys(queryParams)) {
+    url += `${key}=${queryParams[key]}&`
+  }
+  return url;
+};
+GerritBugReport.prototype._reset = function(url, queryParams) {
+  document.getElementById('summary').value = '';
+  document.getElementById('description').value = '';
+  this.image = '';
+  document.getElementById('target').src = '';
+  document.getElementById('submitBtn').disabled = false;
+};
+GerritBugReport.prototype._handleSubmit = function() {
+  const summary = document.getElementById('summary').value;
+  let description = 'Bug report from ' + encodeURIComponent(this.url) +
+      '%0A%0A' + document.getElementById('description').value;
+  const components = 'PolyGerrit';
+  const queryParams = { summary, description, components }
+  let url = 'https://bugs.chromium.org/p/gerrit/issues/entry?';
+  if (!this.image) {
+    url = this._computeQueryString(url, queryParams);
+    this._reset();
+    return chrome.tabs.create({url: url}, function(tab){ alert(tab.id) });
+  }
+
+  // Post image to imgur
+  document.getElementById('submitBtn').disabled = true;
+  var xhr = new XMLHttpRequest(), formData = new FormData();
+  xhr.open('POST', 'https://api.imgur.com/3/image.json', true);
+  formData.append('image', this.image.replace('data:image/png;base64,' , ''));
+  xhr.onreadystatechange = function() {
+    if (xhr.readyState == XMLHttpRequest.DONE) {
+      const imageLink = JSON.parse(xhr.responseText).data.link;
+      description = description + '%0A%0A'
+          + 'Screenshot: ' + imageLink;
+      queryParams.description = description;
+      url = this._computeQueryString(url, queryParams);
+      this._reset();
+      chrome.tabs.create({'url': url}, function(tab){ alert(tab.id) })
+    }
+  }.bind(this)
+  xhr.setRequestHeader('Authorization', 'Client-ID 2c8d8a8a1a0d4cb')
+  xhr.send(formData);
+};
+
+document.addEventListener('DOMContentLoaded', function() {
+  chrome.tabs.query({currentWindow: true, active: true}, function(tabs){
+    const currentTab = tabs[0].url;
+    if (!currentTab.startsWith('https://gerrit-review.googlesource.com')) {
+      return;
+    }
+    document.getElementById('error').classList.add('hidden');
+    document.getElementById('gerritBugReport').classList.remove('hidden');
+    const button = document.getElementById('screenshotBtn');
+    const submitBtn = document.getElementById('submitBtn');
+    const gerritBugReport = new GerritBugReport(currentTab);
+    gerritBugReport._addEventListeners(button, submitBtn);
+  });
+});
diff --git a/readme.md b/readme.md
new file mode 100644
index 0000000..e225a47
--- /dev/null
+++ b/readme.md
@@ -0,0 +1,3 @@
+# Gerrit Bug Reporter - Chrome extension
+
+This chrome extension allows users to pre-populate a monorail bug report for gerrit-review.googlesource.com, Where a screenshot can be added (uploaded to imgur) for a seamless bug reporting experience
\ No newline at end of file