adds stamp collector app to examples (#282)

examples/stamp-collector/.env.local-example

@@ -0,0 +1,2 @@
+NEXT_PUBLIC_GC_API_KEY=<your-api-key-here>
+NEXT_PUBLIC_GC_SCORER_ID=<your-scorer-id-here>

examples/stamp-collector/README.md

@@ -0,0 +1,19 @@
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). Styling is done using Chakra-UI.
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the app.
+
+Connect your Ethereum wallet and click "Show Stamps".
+
+You should see your stamps displayed in the browser. Icons are common to all stamps issued by a single provider. To see which specific stamp an icon represents, hover the cursor over it - the stamp name will be displayed.
+
+## Learn more
+
+Visit the [Passport docs](http://passport.gitcoin.co)

examples/stamp-collector/next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

examples/stamp-collector/next.config.js

@@ -0,0 +1,8 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  experimental: {
+    appDir: true,
+  },
+}
+
+module.exports = nextConfig