diff --git a/components/RecurringVenueChip.vue b/components/RecurringVenueChip.vue
new file mode 100644
index 0000000..9bb535d
--- /dev/null
+++ b/components/RecurringVenueChip.vue
@@ -0,0 +1,48 @@
+<template>
+  <v-chip
+    cols="12"
+    class="ma-2"
+    label
+    color="green white--text"
+    :to="whereTo(item)"
+  >
+    <v-avatar left>
+      <v-icon>{{ venueIcon(item.type) }}</v-icon>
+    </v-avatar>
+    <div>{{ item.type }}</div>
+  </v-chip>
+</template>
+
+<script>
+import { venueIcon } from '@/helpers'
+
+export default {
+  components: {},
+  props: {
+    item: {
+      type: Object,
+      required: true
+    },
+  },
+  methods: {
+    venueIcon,
+    whereTo(item) {
+      // if (this.link) {
+      //   switch (this.type) {
+      //     case 'keyword':
+      //       return '/search?keywords=' + item
+      //     case 'role':
+      //       return '/search?author_keywords=' + item.affiliation.person.name
+      //     case 'relation':
+      //       return '/artifact/' + item.related_artifact_group_id
+      //     case 'reverse-relation':
+      //       return '/artifact/' + item.artifact_group_id
+      //     case 'venue':
+      //       return '/search?venue_ids=' + item.id
+      //   }
+      // }
+      return null
+    }
+  },
+}
+</script>
diff --git a/components/RecurringVenueList.vue b/components/RecurringVenueList.vue
new file mode 100644
index 0000000..bd5e505
--- /dev/null
+++ b/components/RecurringVenueList.vue
@@ -0,0 +1,33 @@
+<template>
+  <div>
+    <v-container>
+      <v-row v-for="venue in recurringVenues" :key="venue.id">
+        <v-col>
+          <LazyHydrate when-visible>
+            <RecurringVenueShort
+              :recurringVenue="venue"
+            ></RecurringVenueShort>
+          </LazyHydrate>
+        </v-col>
+      </v-row>
+    </v-container>
+  </div>
+</template>
+
+<script>
+export default {
+  components: {
+    RecurringVenueShort: () => import('@/components/RecurringVenueShort'),
+    LazyHydrate: () => import('vue-lazy-hydration')
+  },
+  props: {
+    recurringVenues: {
+      type: Array,
+      required: true
+    },
+  },
+  data() {
+    return {}
+  }
+}
+</script>
diff --git a/components/RecurringVenueSearchCard.vue b/components/RecurringVenueSearchCard.vue
new file mode 100644
index 0000000..24faa0c
--- /dev/null
+++ b/components/RecurringVenueSearchCard.vue
@@ -0,0 +1,180 @@
+<template>
+  <div>
+    <RecurringVenueList
+      :recurringVenues="recurringVenues"
+      :limit="limit"
+    ></RecurringVenueList>
+    <v-btn
+      v-if="showScrollToTop != 0"
+      class="secondary"
+      id="scrollbtn"
+      @click="scrollToTop()"
+      elevation="10"
+      ><v-icon large color="lightblue">mdi-chevron-up</v-icon></v-btn
+    >
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+import goTo from 'vuetify/es5/services/goto'
+
+const deepClone = (obj) => JSON.parse(JSON.stringify(obj))
+
+export default {
+  components: {
+    Logo: () => import("@/components/Logo"),
+    RecurringVenueList: () => import("@/components/RecurringVenueList"),
+  },
+  head() {
+    return {
+      title: 'SEARCCH Venue Search',
+      meta: [
+        {
+          hid: 'description',
+          name: 'description',
+          content: 'SEARCCH Hub Venue Search Results'
+        }
+      ]
+    }
+  },
+  data() {
+    return {
+      // limit: 10,
+      // page: 1,
+      // search: '',
+      // searchMessage: '',
+      // searchInterval: null,
+      // submitted: false,
+      // adopen: 1,
+      // advanced: {
+      //   types: [ 'conference', 'journal', 'magazine', 'newspaper', 'periodical', 'event', 'other' ],
+      //   venue_ids: [],
+      // },
+      // types: [ 'conference', 'journal', 'magazine', 'newspaper', 'periodical', 'event', 'other' ],
+      showScrollToTop: 0
+    }
+  },
+  beforeMount() {
+    window.addEventListener('scroll', this.handleScroll)
+  },
+  beforeDestroy() {
+    window.removeEventListener('scroll', this.handleScroll)
+  },
+  mounted() {
+    if (this.$route.query.keywords) {
+      this.search = this.$route.query.keywords
+      console.log('keywords: ', this.search)
+      this.onSubmit()
+    } else {
+      this.search = this.search_init
+      this.advanced = deepClone(this.search_advanced_init)
+      this.adopen = +(!this.search_advanced_isopen)
+    }
+    this.$store.dispatch('user/fetchBadges')
+    this.$store.dispatch('user/fetchVenues')
+  },
+  computed: {
+    ...mapState({
+      recurringVenues: state => state.venues.recurringVenues.recurring_venue,
+      // pages: state => state.venues.recurringVenues.pages,
+      // total: state => state.venues.recurringVenues.total,
+      search_init: state => state.venues.search,
+      search_advanced_init: state => state.venues.search_advanced,
+      search_advanced_isopen: state => state.venues.search_advanced_isopen,
+      searchLoading: state => state.venues.loading,
+    }),
+    allRecurringVenues() {
+      return this.advanced.types.length === this.types.length
+    },
+    someRecurringVenues() {
+      return this.advanced.types.length > 0 && !this.allArtifacts
+    },
+    recurringVenueTypeIcon() {
+      if (this.allRecurringVenues) return 'mdi-close-box'
+      if (this.someRecurringVenues) return 'mdi-minus-box'
+      return 'mdi-checkbox-blank-outline'
+    },
+  },
+  methods: {
+    async onSubmit() {
+      this.submitted = true
+      if (this.searchInterval != null) clearTimeout(this.searchInterval)
+      this.searchMessage = 'Searching...'
+      this.$store.commit('venues/RESET_RECURRING_VENUES') // clear artifacts so the Searching... message is shown
+      debugger
+      let payload = {
+        keywords: this.search,
+        // page: this.page,
+        // items_per_page: this.limit,
+        type: this.advanced.types
+      }
+      this.$store.dispatch('venues/fetchRecurringVenues', { payload, advanced: this.advanced })
+      this.searchInterval = setTimeout(() => {
+        if (!this.searchLoading) {
+          this.searchMessage = 'No results found'
+        }
+      }, 3000)
+      this.submitted = false
+    },
+    onChange() {
+      this.searchMessage = ''
+    },
+    toggle() {
+      this.$nextTick(() => {
+        if (this.allRecurringVenues) {
+          this.advanced.types = []
+        } else {
+          this.advanced.types = this.types.slice()
+        }
+      })
+    },
+    scrollToTop() {
+      goTo(0)
+    },
+    handleScroll() {
+      this.showScrollToTop = window.scrollY
+    },
+    showOptions(val){
+        if (val != "None"){
+          this.sortEnabled = true
+          this.advanced.sort_criteria = val
+        }
+        else{
+          this.sortEnabled = false
+        }
+    },
+  },
+  watch: {
+    page() {
+      this.onSubmit()
+    },
+    searchLoading(val) {
+      if (val) {
+        this.searchMessage = 'Searching...'
+      } else if (this.search !== '') {
+        if (this.searchInterval != null) clearTimeout(this.searchInterval)
+        this.searchMessage = 'No results found'
+      } else {
+        this.searchMessage = ''
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.v-application--is-ltr .v-input__prepend-outer {
+  margin-right: 0px;
+}
+.v-text-field--outlined .v-input__prepend-outer,
+.v-text-field--outlined .v-input__append-outer {
+  margin-top: 4px;
+}
+#scrollbtn {
+  position: fixed;
+  bottom: 50px;
+  right: 0px;
+  scroll-margin-bottom: 5rem;
+}
+</style>
diff --git a/components/RecurringVenueShort.vue b/components/RecurringVenueShort.vue
new file mode 100644
index 0000000..b29d858
--- /dev/null
+++ b/components/RecurringVenueShort.vue
@@ -0,0 +1,93 @@
+<template>
+  <!-- <div> -->
+    <!-- <v-container> -->
+      <v-card>
+        <!-- <v-row no-gutters class="recurring-venue-container"> -->
+          <!-- <v-col cols="10"> -->
+            <v-card-title class="align-start">
+              <span class="headline">{{ recurringVenue.title | titlecase }}</span>
+            </v-card-title>
+            <v-card-text v-html="sanitizedDescription"> </v-card-text>
+            <v-card-actions>
+              <v-spacer></v-spacer>
+              <v-btn color="primary" @click="onRelatedArtifactsClicked">
+                Related Artifacts
+              </v-btn>
+            </v-card-actions>
+          <!-- </v-col>
+          <v-col cols="2" class="recurrence-container">
+            <v-list density="compact" class="list">
+              <v-list-item v-for="item in recurringVenue.recurrences" :key="item.title" :value="item">
+                <v-list-item-title>{{ item.abbrev }}</v-list-item-title>
+              </v-list-item>
+            </v-list>
+          </v-col> -->
+        <!-- </v-row> -->
+      </v-card>
+    <!-- </v-container>
+  </div> -->
+</template>
+
+<script>
+import clip from 'text-clipper'
+
+export default {
+  props: {
+    recurringVenue: {
+      type: Object,
+      required: true
+    },
+  },
+  components: {
+    RecurringVenueChip: () => import("@/components/RecurringVenueChip"),
+  },
+  computed: {
+    sanitizedDescription: function () {
+      let description = ''
+      description = this.recurringVenue.description
+      return clip(this.$sanitize(description), 2000, {
+        html: true,
+        maxLines: 40
+      })
+    }
+  },
+  methods: {
+    onRelatedArtifactsClicked() {
+      this.$store.commit('venues/SET_RECURRENCE_ID', this.recurringVenue.recurrences[0].id)
+      this.$router.push('/venue/' + this.recurringVenue.id)
+    },
+  }
+}
+</script>
+
+<style scoped>
+.card-chip {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+}
+
+.v-card__title {
+  word-break: normal;
+}
+
+.headline {
+  align-self: center;
+}
+
+.recurring-venue-container {
+  overflow: auto;
+}
+
+.recurrence-container {
+  border-left: 1px solid #e0e0e0;
+  background-color: #fafafa;
+}
+
+.recurrence-container .list {
+  margin-left: 10px;
+  background-color: transparent;
+  max-height: 100%;
+  overflow: scroll;
+}
+</style>
diff --git a/components/SearchCard.vue b/components/SearchCard.vue
index 676b912..3d593dc 100644
--- a/components/SearchCard.vue
+++ b/components/SearchCard.vue
@@ -233,7 +233,6 @@
 <script>
 import { mapState } from 'vuex'
 import goTo from 'vuetify/es5/services/goto'
-import { getCookie } from '~/helpers'
 
 const deepClone = (obj) => JSON.parse(JSON.stringify(obj))
 
diff --git a/layouts/default.vue b/layouts/default.vue
index e51f380..b1623c6 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -189,6 +189,11 @@ export default {
           icon: 'mdi-cloud-search',
           title: 'Search Artifacts',
           to: '/search'
+        },
+        {
+          icon: 'mdi-cloud-search',
+          title: 'Artifact Venues',
+          to: '/venues'
         }
       ]
       if (this.$auth.loggedIn) {
diff --git a/pages/search.vue b/pages/search.vue
index f92dffd..c38f3bf 100644
--- a/pages/search.vue
+++ b/pages/search.vue
@@ -4,7 +4,7 @@
       <logo />
     </div>
     <h1>
-      Search
+      Search Artifacts
       <v-dialog transition="dialog-bottom-transition" max-width="600">
         <template v-slot:activator="{ on, attrs }">
           <v-btn class="primary ml-4" fab small v-bind="attrs" v-on="on"
diff --git a/pages/venue/_id.vue b/pages/venue/_id.vue
new file mode 100644
index 0000000..b93a605
--- /dev/null
+++ b/pages/venue/_id.vue
@@ -0,0 +1,120 @@
+<template>
+  <v-container>
+    <v-row>
+      <v-col cols="12" class="mx-2">
+        <a @click="$router.go(-1)">Back</a>
+        <br>
+        <h2>
+          {{ venue.title }}
+          <a :href="venue.url" style="text-decoration: none;">
+            <v-icon>mdi-link-variant</v-icon>
+          </a>
+        </h2>
+      </v-col>
+      <v-col cols="12">
+        <v-container>
+          <v-row>
+            <v-col cols="9">
+              <div v-if="artifactsLoading">Loading...</div>
+              <ArtifactList v-else-if="artifacts.length" :artifacts="artifacts"/>
+              <!-- pagination -->
+              <v-pagination
+                v-if="artifacts"
+                v-model="page"
+                :length="pages"
+                circle
+              ></v-pagination>
+              <div v-else class="no-artifact-container">
+                <h1 class="text-grey">Oops...</h1>
+                No published artifacts for this venue session yet... : (
+              </div>
+            </v-col>
+            <v-col cols="3">
+              <div class="text-caption text-grey">
+                <br><b>Description</b>: {{ venue.description }}
+                <v-divider></v-divider>
+                <br><b>Publisher Url</b>: {{ venue.publisher_url || 'N/A' }}
+                <v-divider></v-divider>
+                <br><b>Recurrence</b>
+                <v-divider></v-divider>
+              </div>
+
+              <v-radio-group :value="currentRecurrenceId" class="mt-0">
+                <v-radio 
+                  v-for="recurrence in venue.recurrences" 
+                  :key="recurrence.id"
+                  :value="recurrence.id"
+                  :label="recurrence.abbrev"
+                  @change="onRecurrenceSelected(recurrence.id)">
+                </v-radio>
+              </v-radio-group>
+            </v-col>
+          </v-row>
+        </v-container>
+      </v-col>
+    </v-row>
+  </v-container>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+
+export default {
+  components: {
+    ArtifactList: () => import('@/components/ArtifactList')
+  },
+  async mounted() {
+    let response = await this.$recurringVenueEndpoint.show(this.$route.params.id)
+    this.$store.commit('venues/SET_CURRENT_VENUE', response)
+    console.log(this.$store.state.venues)
+    if (this.currentRecurrenceId !== undefined) {
+      this.$store.dispatch('venues/fetchArtifacts', {
+        venue_id: this.currentRecurrenceId
+      })
+    }
+  },
+  data() {
+    return {
+      page: 1
+    }
+  },
+  computed: {
+    ...mapState({
+      artifacts: state => state.venues.artifacts.artifacts,
+      pages: state => state.venues.artifacts.pages,
+      total: state => state.venues.artifacts.total,
+      venue: state => state.venues.currentVenue,
+      currentRecurrenceId: state => state.venues.recurrenceId,
+      loading: state => state.venues.loading,
+      artifactsLoading: state => state.venues.artifactsLoading
+    })
+  },
+  methods: {
+    onRecurrenceSelected(recurrenceId) {
+      this.$store.commit('venues/SET_RECURRENCE_ID', recurrenceId)
+      this.$store.dispatch('venues/fetchArtifacts', {
+        venue_id: recurrenceId
+      })
+    }
+  },
+  watch: {
+    page() {
+      this.$store.dispatch('venues/fetchArtifacts', {
+        venue_id: this.currentRecurrenceId,
+        page: this.page
+      })
+    }
+  }
+}
+</script>
+
+<style>
+.no-artifact-container {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+</style>
\ No newline at end of file
diff --git a/pages/venues.vue b/pages/venues.vue
new file mode 100644
index 0000000..05bf06f
--- /dev/null
+++ b/pages/venues.vue
@@ -0,0 +1,72 @@
+<template>
+  <div v-if="loading">Loading...</div>
+  <div v-else>
+    <RecurringVenueList
+      :recurringVenues="recurringVenues"
+    ></RecurringVenueList>
+    <v-btn
+      v-if="showScrollToTop != 0"
+      class="secondary"
+      id="scrollbtn"
+      @click="scrollToTop()"
+      elevation="10"
+      ><v-icon large color="lightblue">mdi-chevron-up</v-icon></v-btn
+    >
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+import goTo from 'vuetify/es5/services/goto'
+
+export default {
+  components: {
+    RecurringVenueList: () => import("@/components/RecurringVenueList"),
+},
+  head() {
+    return {
+      title: 'SEARCCH Recurring Venues Search',
+      meta: [
+        {
+          hid: 'description',
+          name: 'description',
+          content: 'SEARCCH Hub Recurring Venues Search Results'
+        }
+      ]
+    }
+  },
+  beforeMount() {
+    window.addEventListener('scroll', this.handleScroll)
+  },
+  beforeDestroy() {
+    window.removeEventListener('scroll', this.handleScroll)
+  },
+  mounted() {
+    this.$store.dispatch('venues/fetchRecurringVenues')
+  },
+  computed: {
+    ...mapState({
+      recurringVenues: state => state.venues.recurringVenues.recurring_venues,
+      loading: state => state.venues.recurringVenues.loading,
+    }),
+    recurringVenueTypeIcon() {
+      if (this.allRecurringVenues) return 'mdi-close-box'
+      if (this.someRecurringVenues) return 'mdi-minus-box'
+      return 'mdi-checkbox-blank-outline'
+    },
+  },
+  data() {
+    return {
+      showScrollToTop: 0
+    }
+  },
+  methods: {
+    scrollToTop() {
+      goTo(0)
+    },
+    handleScroll() {
+      this.showScrollToTop = window.scrollY
+    },
+  },
+}
+</script>
diff --git a/plugins/repository.js b/plugins/repository.js
index df9c82f..a7e1cdb 100644
--- a/plugins/repository.js
+++ b/plugins/repository.js
@@ -63,6 +63,12 @@ export default (ctx, inject) => {
   // venues
   inject('venuesEndpoint', repositoryWithAxios('kg/' + 'venues'))
 
+  // Recurring Venues
+  inject('recurringVenuesEndpoint', repositoryWithAxios('kg/' + 'recurringvenues'))
+
+  // Recurring Venue
+  inject('recurringVenueEndpoint', repositoryWithAxios('kg/' + 'recurringvenue'))
+
   // licenses
   inject('licenseEndpoint', repositoryWithAxios('kg/' + 'licenses'))
 
diff --git a/store/venues.js b/store/venues.js
new file mode 100644
index 0000000..279dcd4
--- /dev/null
+++ b/store/venues.js
@@ -0,0 +1,91 @@
+export const state = () => ({
+  recurringVenues: {
+    recurring_venues: [],
+  },
+  currentVenue: {},
+  artifacts: {
+    artifacts: [],
+    pages: 0,
+    total: 0
+  },
+  recurrenceId: null,
+  loading: false,
+  artifactsLoading: false
+})
+
+export const getters = {
+  recurringVenues: state => {
+    return state.recurringVenues
+  },
+  currentVenue: state => {
+    return state.currentVenue
+  },
+  loading: state => {
+    return state.loading
+  },
+  artifactsLoading: state => {
+    return state.artifactsLoading
+  },
+  artifacts: state => {
+    return state.artifacts
+  },
+  recurrenceId: state => {
+    return state.recurrenceId
+  }
+}
+
+export const mutations = {
+  SET_RECURRING_VENUES(state, recurringVenues) {
+    state.recurringVenues = recurringVenues
+  },
+  RESET_RECURRING_VENUES(state) {
+    state.recurringVenues = {
+      recurring_venues: [],
+    }
+  },
+  SET_LOADING(state, loading) {
+    state.loading = loading
+  },
+  SET_ARTIFACTS_LOADING(state, loading) {
+    state.artifactsLoading = loading
+  },
+  SET_ARTIFACTS(state, artifacts) {
+    state.artifacts = artifacts
+  },
+  RESET_ARTIFACTS(state) {
+    state.artifacts = {
+      artifacts: [],
+      pages: 0,
+      total: 0
+    }
+  },
+  SET_RECURRENCE_ID(state, recurrenceId) {
+    state.recurrenceId = recurrenceId
+  },
+  SET_CURRENT_VENUE(state, currentVenue) {
+    state.currentVenue = currentVenue
+  }
+}
+
+export const actions = {
+  async fetchRecurringVenues({ commit, state }) {
+    commit('SET_LOADING', true)
+    let payload = {
+      all_recurring_venues: true,
+      verified: true,
+    }
+    let response = await this.$recurringVenuesEndpoint.index(payload)
+    if (typeof response !== 'undefined') {
+      commit('SET_RECURRING_VENUES', response)
+    }
+    commit('SET_LOADING', false)
+  },
+  async fetchArtifacts({ commit, state }, payload) {
+    commit('SET_ARTIFACTS_LOADING', true)
+    let response = await this.$artifactSearchEndpoint.index(payload)
+    if (typeof response !== 'undefined') {
+      commit('SET_ARTIFACTS', response)
+    }
+    commit('SET_ARTIFACTS_LOADING', false)
+  },
+}