diff --git a/components/infiniteload/Projects.vue b/components/infiniteload/Projects.vue
index 4cccefaa..de9c85cd 100644
--- a/components/infiniteload/Projects.vue
+++ b/components/infiniteload/Projects.vue
@@ -15,6 +15,9 @@
 </template>
 
 <script>
+import isEmpty from 'lodash/isEmpty'
+import filter from 'async/filter'
+
 export default {
   data () {
     return {
@@ -22,6 +25,37 @@ export default {
     }
   },
 
+  props: {
+    value: {
+      type: Array,
+      required: true
+    },
+    collection: {
+      type: Object,
+      required: true
+    },
+    orderby: {
+      type: String,
+      default: null
+    },
+    desc: {
+      type: Boolean,
+      default: false
+    },
+    noResults: {
+      type: String,
+      default: 'No results'
+    },
+    noMoreResults: {
+      type: String,
+      default: 'No more results'
+    },
+    hasNewTask: {
+      type: Boolean,
+      default: false
+    }
+  },
+
   methods: {
     /**
      * Handler to infinitely load projects for a collection.
@@ -33,6 +67,8 @@ export default {
      */
     async infiniteLoadProjects ($state) {
       const params = {}
+      let data = {}
+
       if (this.orderby) {
         params.orderby = this.orderby
       }
@@ -43,32 +79,54 @@ export default {
       }
 
       let endpoint = `/project/category/${this.collection.short_name}`
-      if (this.value.length) {
-        this.page += 1
+      if (this.page > 1) {
         endpoint += `/page/${this.page}`
       }
 
       try {
-        let data = await this.$axios.$get(endpoint, { params: params })
+        data = await this.$axios.$get(endpoint, { params: params })
+      } catch (err) {
+        this.$nuxt.error(err)
+      }
+      this.page += 1
 
-        if (!data.projects.length) {
-          $state.complete()
-          this.$emit('complete')
-          return
-        }
+      if (!data.projects.length) {
+        $state.complete()
+        this.$emit('complete')
+        return
+      }
 
-        this.$emit('input', this.value.concat(data.projects))
+      if (!this.hasNewTask) {
         $state.loaded()
-      } catch (err) {
-        this.$nuxt.error(err)
+        this.$emit('input', this.value.concat(data.projects))
+        return
       }
+
+      // Check each project to see if we can get a task for the current user.
+      // Not the most efficient as we have to make an additional call for
+      // each project. We might see if we can update the PYBOSSA API at some
+      // point to accomodate the kinds of joint requests we need here, but this
+      // will do for now!
+      filter(data.projects, (p, callback) => {
+        this.$axios.$get(`/api/project/${p.id}/newtask`).then(data => {
+          callback(null, (
+            !isEmpty(data) &&
+            !data.info.hasOwnProperty('error')
+          ))
+        }).catch(err => {
+          this.$nuxt.error(err)
+        })
+      }, (_err, projectsWithNewTasks) => {
+        $state.loaded()
+        this.$emit('input', this.value.concat(projectsWithNewTasks))
+      })
     },
 
     /**
      * Reset the loaded items.
      *
-     * If the items are displayed using a transition the wait paramter should be
-     * used with a time longer than that transition to ensure the the reload
+     * If the items are displayed using a transition the wait paramter should
+     * be used with a time longer than that transition to ensure the the reload
      * is triggered, otherwise we might not be at the scroll distance when the
      * reset happens.
      * @param {Number} wait
@@ -85,33 +143,6 @@ export default {
     }
   },
 
-  props: {
-    value: {
-      type: Array,
-      required: true
-    },
-    collection: {
-      type: Object,
-      required: true
-    },
-    orderby: {
-      type: String,
-      default: null
-    },
-    desc: {
-      type: Boolean,
-      default: false
-    },
-    noResults: {
-      type: String,
-      default: 'No results'
-    },
-    noMoreResults: {
-      type: String,
-      default: 'No more results'
-    }
-  },
-
   watch: {
     orderby (val, oldVal) {
       this.reset()
diff --git a/package-lock.json b/package-lock.json
index 64fa3ba8..4578d47d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -625,11 +625,18 @@
       "dev": true
     },
     "async": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/async/-/async-2.5.0.tgz",
-      "integrity": "sha512-e+lJAJeNWuPCNyxZKOBdaJGyLGHugXVQtrAwtuAe2vhxTYxFTKE73p8JuTmdH0qdQZtDvI4dhJwjZc5zsfIsYw==",
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/async/-/async-2.6.1.tgz",
+      "integrity": "sha512-fNEiL2+AZt6AlAw/29Cr0UDe4sRAHCpEHh54WMz+Bb7QfNcFw4h3loofyJpLeQs4Yx7yuqu/2dLgM5hKOs6HlQ==",
       "requires": {
-        "lodash": "^4.14.0"
+        "lodash": "^4.17.10"
+      },
+      "dependencies": {
+        "lodash": {
+          "version": "4.17.10",
+          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.10.tgz",
+          "integrity": "sha512-UejweD1pDoXu+AD825lWwp4ZGtSwgnpZxb3JDViD7StjQz+Nb/6l093lx4OQ0foGWNRoc19mWy7BzL+UAK2iVg=="
+        }
       }
     },
     "async-each": {
diff --git a/package.json b/package.json
index 67434690..c15f646a 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
     "@nuxtjs/proxy": "^1.1.4",
     "@nuxtjs/pwa": "^2.0.2",
     "@nuxtjs/sentry": "^1.0.3",
+    "async": "^2.6.1",
     "bootstrap": "4.1.1",
     "bootstrap-vue": "^2.0.0-rc.6",
     "capitalize": "^1.0.0",
diff --git a/pages/collection/_short_name/projects/index.vue b/pages/collection/_short_name/projects/index.vue
index 9a63c354..846e5a4a 100644
--- a/pages/collection/_short_name/projects/index.vue
+++ b/pages/collection/_short_name/projects/index.vue
@@ -99,6 +99,7 @@
           :desc="sortModel.desc"
           :show-no-results="false"
           v-model="projects"
+          :has-new-task="true"
           @complete="projectLoadingComplete = true">
         </infinite-load-projects>