diff --git a/templates/nostrmarket/market.html b/templates/nostrmarket/market.html
new file mode 100644
index 0000000..ef29755
--- /dev/null
+++ b/templates/nostrmarket/market.html
@@ -0,0 +1,202 @@
+{% extends "public.html" %} {% block page %}
+<div class="row q-mb-md">
+  <div class="col-12 q-gutter-y-md">
+    <q-toolbar class="row">
+      <div class="col">
+        <q-toolbar-title> Market: </q-toolbar-title>
+      </div>
+      <div class="col q-mx-md">
+        <q-input
+          class="float-left full-width q-ml-md"
+          standout
+          square
+          dense
+          outlined
+          clearable
+          v-model.trim="searchText"
+          label="Search for products"
+        >
+          <template v-slot:append>
+            <q-icon v-if="!searchText" name="search" />
+          </template>
+        </q-input>
+      </div>
+    </q-toolbar>
+  </div>
+</div>
+<div class="row q-col-gutter-md">
+  <div
+    class="col-xs-12 col-sm-6 col-md-4 col-lg-3"
+    v-for="item in filterProducts"
+    :key="item.id"
+  >
+    <q-card class="card--product">
+      {% raw %}
+      <q-img
+        :src="item.image ? item.image : '/market/static/images/placeholder.png'"
+        alt="Product Image"
+        loading="lazy"
+        spinner-color="white"
+        fit="contain"
+        height="300px"
+      ></q-img>
+
+      <q-card-section class="q-pb-xs q-pt-md">
+        <div class="row no-wrap items-center">
+          <div class="col text-subtitle2 ellipsis-2-lines">
+            {{ item.product }}
+          </div>
+        </div>
+
+        <!-- <q-rating v-model="stars" color="orange" :max="5" readonly size="17px"></q-rating> -->
+      </q-card-section>
+
+      <q-card-section class="q-py-sm">
+        <div>
+          <div class="text-caption text-weight-bolder">
+            {{ item.stallName }}
+          </div>
+          <span v-if="item.currency == 'sat'">
+            <span class="text-h6">{{ item.price }} sats</span
+            ><span class="q-ml-sm text-grey-6"
+              >BTC {{ (item.price / 1e8).toFixed(8) }}</span
+            >
+          </span>
+          <span v-else>
+            <span class="text-h6"
+              >{{ getAmountFormated(item.price, item.currency) }}</span
+            >
+            <span v-if="exchangeRates" class="q-ml-sm text-grey-6"
+              >({{ getValueInSats(item.price, item.currency) }} sats)</span
+            >
+          </span>
+          <span
+            class="q-ml-md text-caption text-green-8 text-weight-bolder q-mt-md"
+            >{{item.quantity}} left</span
+          >
+        </div>
+        <div v-if="item.categories" class="text-subtitle1">
+          <q-chip v-for="(cat, i) in item.categories.split(',')" :key="i" dense
+            >{{cat}}</q-chip
+          >
+        </div>
+        <div
+          class="text-caption text-grey ellipsis-2-lines"
+          style="min-height: 40px"
+        >
+          <p v-if="item.description">{{ item.description }}</p>
+        </div>
+      </q-card-section>
+
+      <q-separator></q-separator>
+
+      <q-card-actions>
+        <span>Stall: {{ item.stallName }}</span>
+        <q-btn
+          flat
+          class="text-weight-bold text-capitalize q-ml-auto"
+          dense
+          color="primary"
+          type="a"
+          :href="'/market/stalls/' + item.stall"
+          target="_blank"
+        >
+          Visit Stall
+        </q-btn>
+      </q-card-actions>
+      {% endraw %}
+    </q-card>
+  </div>
+</div>
+{% endblock %} {% block scripts %}
+<script src="https://unpkg.com/nostr-tools/lib/nostr.bundle.js"></script>
+<script>
+  const nostr = window.NostrTools
+  const defaultRelays = [
+    'wss://relay.damus.io',
+    'wss://relay.snort.social',
+    'wss://nos.lol',
+    'wss://nostr.wine',
+    'wss://relay.nostr.bg',
+    'wss://nostr-pub.wellorder.net',
+    'wss://nostr-pub.semisol.dev',
+    'wss://eden.nostr.land',
+    'wss://nostr.mom',
+    'wss://nostr.fmt.wiz.biz',
+    'wss://nostr.zebedee.cloud',
+    'wss://nostr.rocks'
+  ]
+  console.log
+  Vue.component(VueQrcode.name, VueQrcode)
+  new Vue({
+    el: '#vue',
+    mixins: [windowMixin],
+    data: function () {
+      return {
+        pubkeys: new Set(),
+        stalls: null,
+        products: [],
+        searchText: null,
+        exchangeRates: null
+      }
+    },
+    computed: {
+      filterProducts() {
+        if (!this.searchText || this.searchText.length < 2) return this.products
+        return this.products.filter(p => {
+          return (
+            p.product.includes(this.searchText) ||
+            p.description.includes(this.searchText) ||
+            p.categories.includes(this.searchText)
+          )
+        })
+      }
+    },
+    async created() {
+      // Hardcode pubkey for test
+      this.pubkeys.add(
+        '855ea22a88d7df7ccd8497777db81f115575d5362f51df3af02ead383f5eaba2'
+      )
+      await this.initNostr()
+    },
+    methods: {
+      async initNostr() {
+        this.pool = new nostr.SimplePool()
+        this.relays = new Set(defaultRelays)
+        console.log(Array.from(this.relays))
+        await this.pool
+          .list(Array.from(this.relays), [
+            {
+              kinds: [30005],
+              authors: [Array.from(this.pubkeys)]
+            }
+          ])
+          .then(event => {
+            console.log(event)
+          })
+      }
+      /*  
+      async getRates() {
+        let noFiat = this.stalls.map(s => s.currency).every(c => c == 'sat')
+        if (noFiat) return
+        try {
+          let rates = await axios.get('https://api.opennode.co/v1/rates')
+          this.exchangeRates = rates.data.data
+        } catch (error) {
+          LNbits.utils.notifyApiError(error)
+        }
+      },
+      getValueInSats(amount, unit = 'USD') {
+        if (!this.exchangeRates) return 0
+        return Math.ceil(
+          (amount / this.exchangeRates[`BTC${unit}`][unit]) * 1e8
+        )
+      },
+      getAmountFormated(amount, unit = 'USD') {
+        return LNbits.utils.formatCurrency(amount, unit)
+      }
+      */
+    }
+  })
+</script>
+{% endblock %}
diff --git a/templates/nostrmarket/stall.html b/templates/nostrmarket/stall.html
new file mode 100644
index 0000000..208938c
--- /dev/null
+++ b/templates/nostrmarket/stall.html
@@ -0,0 +1,61 @@
+{% extends "public.html" %} {% block page %}
+<div class="row q-mb-md"></div>
+{% endblock %} {% block scripts %}
+<script src="https://unpkg.com/nostr-tools/lib/nostr.bundle.js"></script>
+<script>
+  const nostr = window.NostrTools
+  const defaultRelays = [
+    'wss://relay.damus.io',
+    'wss://relay.snort.social',
+    'wss://nos.lol',
+    'wss://nostr.wine',
+    'wss://relay.nostr.bg',
+    'wss://nostr-pub.wellorder.net',
+    'wss://nostr-pub.semisol.dev',
+    'wss://eden.nostr.land',
+    'wss://nostr.mom',
+    'wss://nostr.fmt.wiz.biz',
+    'wss://nostr.zebedee.cloud'
+  ]
+  const mapProductsItems = obj => {
+    obj.price = parseFloat((obj.price / 100).toFixed(2))
+
+    return obj
+  }
+  Vue.component(VueQrcode.name, VueQrcode)
+  new Vue({
+    el: '#vue',
+    mixins: [windowMixin],
+    data: function () {
+      return {}
+    },
+    async created() {
+      this.stallId = JSON.parse('{{ stall_id }}')
+      await initNostr()
+      //this.products = JSON.parse('{{ products | tojson }}')
+      //this.unit = this.stall.currency
+      /*if (this.unit != 'sat') {
+          this.products = this.products.map(mapProductsItems)
+        }
+        await this.getRates()
+        setInterval(this.getRates, 300000)*/
+    },
+
+    methods: {
+      async initNostr() {
+        this.pool = new nostr.SimplePool()
+        this.relays = new Set(defaultRelays)
+        await this.pool
+          .get(Array.from(this.relays), {
+            kinds: [30023],
+            limit: 1,
+            '#d': [this.stallId]
+          })
+          .then(event => {
+            console.log(event)
+          })
+      }
+    }
+  })
+</script>
+{% endblock %}
diff --git a/views.py b/views.py
index ca8e1f7..47b07ff 100644
--- a/views.py
+++ b/views.py
@@ -20,3 +20,21 @@ async def index(request: Request, user: User = Depends(check_user_exists)):
         "nostrmarket/index.html",
         {"request": request, "user": user.dict()},
     )
+
+
+@nostrmarket_ext.get("/market", response_class=HTMLResponse)
+async def market(request: Request):
+    return nostrmarket_renderer().TemplateResponse(
+        "nostrmarket/market.html",
+        {
+            "request": request,
+        },
+    )
+
+
+@nostrmarket_ext.get("/stall/{stall_id}", response_class=HTMLResponse)
+async def stall(request: Request, stall_id: str):
+    return nostrmarket_renderer().TemplateResponse(
+        "nostrmarket/stall.html",
+        {"request": request, "stall_id": stall_id},
+    )