diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
new file mode 100644
index 0000000..7601f95
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -0,0 +1,49 @@
+---
+name: Bug Report
+about: Create a report to help us improve
+title: '[BUG] '
+labels: bug
+assignees: ''
+---
+
+## Bug Description
+A clear and concise description of what the bug is.
+
+## Steps to Reproduce
+1. Go to '...'
+2. Click on '...'
+3. Execute '...'
+4. See error
+
+## Expected Behavior
+A clear and concise description of what you expected to happen.
+
+## Actual Behavior
+What actually happened instead.
+
+## Environment
+- OS: [e.g., macOS 14.0, Ubuntu 22.04]
+- Browser: [e.g., Chrome 120, Firefox 119]
+- Node.js version: [e.g., 18.19.0]
+- Network: [e.g., testnet, mainnet]
+- Clarinet version: [e.g., 2.3.0]
+
+## Component Affected
+- [ ] Smart Contract (Clarity)
+- [ ] Frontend (Next.js)
+- [ ] Quest Logic
+- [ ] Reward System
+
+## Quest Context (if applicable)
+- User's quest progress
+- Current quest board
+- Reward claimed
+- Transaction hash
+
+## Logs
+```
+Paste relevant error logs here
+```
+
+## Screenshots
+If applicable, add screenshots to help explain your problem.
\ No newline at end of file
diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
new file mode 100644
index 0000000..acfba42
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/feature_request.md
@@ -0,0 +1,40 @@
+---
+name: Feature Request
+about: Suggest an idea for this project
+title: '[FEATURE] '
+labels: enhancement
+assignees: ''
+---
+
+## Problem Statement
+A clear and concise description of what problem this feature would solve.
+Ex. I'm always frustrated when [...]
+
+## Proposed Solution
+A clear and concise description of what you want to happen.
+
+## Alternative Solutions
+A clear and concise description of any alternative solutions or features you've considered.
+
+## Use Case
+Describe the use case for this feature. How would it enhance the quest board experience?
+
+## Technical Implementation
+If you have ideas on how to implement this feature, please share them here:
+- Which component would be affected? (Contract/Frontend/Both)
+- Smart contract changes needed
+- Quest mechanics modifications
+- Reward system impact
+
+## Impact on Quest System
+How would this feature affect:
+- Quest completion rates
+- Reward distribution
+- User engagement
+- Leaderboard functionality
+
+## Examples
+Provide examples of similar features in other gamification platforms.
+
+## Additional Context
+Add any mockups, references, or other relevant information.
\ No newline at end of file
diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
new file mode 100644
index 0000000..d67f60b
--- /dev/null
+++ b/.github/pull_request_template.md
@@ -0,0 +1,47 @@
+## Description
+Brief description of the changes in this PR.
+
+## Related Issue
+Fixes #(issue number)
+
+## Type of Change
+- [ ] Bug fix (non-breaking change which fixes an issue)
+- [ ] New feature (non-breaking change which adds functionality)
+- [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
+- [ ] Documentation update
+- [ ] Code refactoring
+- [ ] Performance improvement
+- [ ] Security enhancement
+
+## Changes Made
+- Change 1
+- Change 2
+- Change 3
+
+## Testing
+Describe the tests you ran to verify your changes:
+- [ ] Contract tests pass (`npm run clarinet:test`)
+- [ ] Unit tests pass (`npm test`)
+- [ ] Frontend builds successfully (`npm run build`)
+- [ ] Manual testing performed
+- [ ] New tests added for new functionality
+
+## Component Checklist
+- [ ] Smart Contract (Clarity)
+  - [ ] Gas optimization considered
+  - [ ] Quest logic verified
+  - [ ] Reward mechanics tested
+  - [ ] Backward compatibility maintained
+- [ ] Frontend (Next.js)
+  - [ ] Responsive design maintained
+  - [ ] Quest flow verified
+  - [ ] Reward display accurate
+- [ ] Tests (Vitest)
+  - [ ] Unit test coverage maintained
+  - [ ] Edge cases covered (quest completion, rewards, etc.)
+  - [ ] Integration tests included
+
+## Quest System Impact (if applicable)
+- [ ] Quest mechanics changes tested
+- [ ] Reward distribution verified
+- [ ] User progress correctly updated
\ No newline at end of file
diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
index f7fa87e..3ffadb0 100644
--- a/frontend/app/layout.tsx
+++ b/frontend/app/layout.tsx
@@ -13,8 +13,15 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "Stacks Quest Boards - Learn Stacks Blockchain Development",
+  description: "Comprehensive learning platform for Stacks blockchain development. Master smart contracts, DeFi protocols, NFTs, and frontend integration with hands-on tutorials and documentation.",
+  keywords: ["Stacks", "Blockchain", "Smart Contracts", "Clarity", "DeFi", "NFT", "Web3", "Cryptocurrency"],
+  authors: [{ name: "Stacks Community" }],
+  openGraph: {
+    title: "Stacks Quest Boards - Learn Stacks Blockchain Development",
+    description: "Your comprehensive learning platform for Stacks blockchain development",
+    type: "website",
+  },
 };
 
 export default function RootLayout({
diff --git a/frontend/app/page.tsx b/frontend/app/page.tsx
index 295f8fd..726e83d 100644
--- a/frontend/app/page.tsx
+++ b/frontend/app/page.tsx
@@ -1,65 +1,210 @@
-import Image from "next/image";
+import Link from "next/link";
 
 export default function Home() {
+  const learningPaths = [
+    {
+      title: "Stacks Fundamentals",
+      description: "Learn the basics of Stacks blockchain, transactions, and smart contracts",
+      modules: ["What is Stacks?", "Transactions", "Clarity Language", "Smart Contracts"],
+      color: "from-blue-500 to-purple-600"
+    },
+    {
+      title: "DeFi Development",
+      description: "Build decentralized finance applications on Stacks",
+      modules: ["Token Standards", "DEX Integration", "Lending Protocols", "Yield Farming"],
+      color: "from-green-500 to-teal-600"
+    },
+    {
+      title: "NFT Creation",
+      description: "Create and manage non-fungible tokens on Stacks",
+      modules: ["SIP-009 Standard", "Badge NFTs", "Metadata Management", "Marketplaces"],
+      color: "from-orange-500 to-red-600"
+    },
+    {
+      title: "Frontend Integration",
+      description: "Connect web applications to Stacks blockchain",
+      modules: ["Wallet Connection", "@stacks/connect", "@stacks/transactions", "React Hooks"],
+      color: "from-indigo-500 to-blue-600"
+    }
+  ];
+
+  const featuredResources = [
+    {
+      title: "Badge NFT Contract",
+      description: "Complete SIP-009 compliant NFT implementation with admin controls",
+      link: "/docs/badge-nft",
+      type: "Contract Documentation"
+    },
+    {
+      title: "Clarity 4 Features",
+      description: "Latest Clarity language features including stacks-block-time and post-conditions",
+      link: "/stacks/stacks-shards/082_clarity_4_is_now_live",
+      type: "Technical Guide"
+    },
+    {
+      title: "Frontend Integration",
+      description: "Complete guide to building Stacks-connected web applications",
+      link: "/stacks/stacks-essentials/078_build_a_frontend",
+      type: "Tutorial"
+    }
+  ];
+
   return (
-    <div className="flex min-h-screen items-center justify-center bg-zinc-50 font-sans dark:bg-black">
-      <main className="flex min-h-screen w-full max-w-3xl flex-col items-center justify-between py-32 px-16 bg-white dark:bg-black sm:items-start">
-        <Image
-          className="dark:invert"
-          src="/next.svg"
-          alt="Next.js logo"
-          width={100}
-          height={20}
-          priority
-        />
-        <div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
-          <h1 className="max-w-xs text-3xl font-semibold leading-10 tracking-tight text-black dark:text-zinc-50">
-            To get started, edit the page.tsx file.
+    <div className="min-h-screen bg-gradient-to-b from-slate-50 via-white to-indigo-50">
+      {/* Hero Section */}
+      <div className="mx-auto max-w-7xl px-6 py-16">
+        <div className="text-center">
+          <h1 className="text-4xl font-bold tracking-tight text-slate-900 sm:text-6xl">
+            Stacks Quest Boards
           </h1>
-          <p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400">
-            Looking for a starting point or more instructions? Head over to{" "}
-            <a
-              href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-              className="font-medium text-zinc-950 dark:text-zinc-50"
+          <p className="mx-auto mt-6 max-w-2xl text-lg leading-8 text-slate-600">
+            Your comprehensive learning platform for Stacks blockchain development.
+            Master smart contracts, DeFi protocols, NFTs, and frontend integration through
+            hands-on tutorials and documentation.
+          </p>
+          <div className="mt-10 flex items-center justify-center gap-x-6">
+            <Link
+              href="#learning-paths"
+              className="rounded-md bg-indigo-600 px-6 py-3 text-base font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
             >
-              Templates
-            </a>{" "}
-            or the{" "}
-            <a
-              href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-              className="font-medium text-zinc-950 dark:text-zinc-50"
+              Start Learning
+            </Link>
+            <Link
+              href="#resources"
+              className="text-base font-semibold leading-6 text-slate-900 hover:text-indigo-600"
             >
-              Learning
-            </a>{" "}
-            center.
+              View Resources <span aria-hidden="true">→</span>
+            </Link>
+          </div>
+        </div>
+
+        {/* Learning Paths */}
+        <div id="learning-paths" className="mt-24">
+          <div className="text-center">
+            <h2 className="text-3xl font-bold tracking-tight text-slate-900">
+              Learning Paths
+            </h2>
+            <p className="mt-4 text-lg text-slate-600">
+              Structured learning journeys to master Stacks development
+            </p>
+          </div>
+
+          <div className="mt-12 grid gap-8 md:grid-cols-2">
+            {learningPaths.map((path, index) => (
+              <div
+                key={index}
+                className="relative overflow-hidden rounded-2xl bg-white p-8 shadow-lg ring-1 ring-slate-200"
+              >
+                <div className={`absolute inset-0 bg-gradient-to-r ${path.color} opacity-5`} />
+                <div className="relative">
+                  <h3 className="text-xl font-semibold text-slate-900">{path.title}</h3>
+                  <p className="mt-2 text-slate-600">{path.description}</p>
+                  <ul className="mt-4 space-y-2">
+                    {path.modules.map((module, moduleIndex) => (
+                      <li key={moduleIndex} className="flex items-center text-sm text-slate-500">
+                        <div className="mr-2 h-1.5 w-1.5 rounded-full bg-indigo-600" />
+                        {module}
+                      </li>
+                    ))}
+                  </ul>
+                  <button className="mt-6 rounded-md bg-indigo-600 px-4 py-2 text-sm font-medium text-white hover:bg-indigo-500">
+                    Start Path
+                  </button>
+                </div>
+              </div>
+            ))}
+          </div>
+        </div>
+
+        {/* Featured Resources */}
+        <div id="resources" className="mt-24">
+          <div className="text-center">
+            <h2 className="text-3xl font-bold tracking-tight text-slate-900">
+              Featured Resources
+            </h2>
+            <p className="mt-4 text-lg text-slate-600">
+              Essential documentation and guides for Stacks developers
+            </p>
+          </div>
+
+          <div className="mt-12 grid gap-6 md:grid-cols-3">
+            {featuredResources.map((resource, index) => (
+              <div
+                key={index}
+                className="rounded-lg border border-slate-200 bg-white p-6 shadow-sm hover:shadow-md transition-shadow"
+              >
+                <div className="flex items-center justify-between">
+                  <span className="text-xs font-medium text-indigo-600 bg-indigo-50 px-2 py-1 rounded">
+                    {resource.type}
+                  </span>
+                </div>
+                <h3 className="mt-3 text-lg font-semibold text-slate-900">
+                  {resource.title}
+                </h3>
+                <p className="mt-2 text-sm text-slate-600">
+                  {resource.description}
+                </p>
+                <Link
+                  href={resource.link}
+                  className="mt-4 inline-flex items-center text-sm font-medium text-indigo-600 hover:text-indigo-500"
+                >
+                  Read more →
+                </Link>
+              </div>
+            ))}
+          </div>
+        </div>
+
+        {/* Stats */}
+        <div className="mt-24 rounded-2xl bg-indigo-600 px-6 py-12 text-center text-white">
+          <h2 className="text-2xl font-bold">Join the Stacks Community</h2>
+          <p className="mt-4 text-indigo-100">
+            Connect with developers building the future of decentralized applications
           </p>
+          <div className="mt-8 flex justify-center gap-8">
+            <div>
+              <div className="text-3xl font-bold">500+</div>
+              <div className="text-sm text-indigo-200">Learning Modules</div>
+            </div>
+            <div>
+              <div className="text-3xl font-bold">50+</div>
+              <div className="text-sm text-indigo-200">Smart Contracts</div>
+            </div>
+            <div>
+              <div className="text-3xl font-bold">10K+</div>
+              <div className="text-sm text-indigo-200">Developers</div>
+            </div>
+          </div>
         </div>
-        <div className="flex flex-col gap-4 text-base font-medium sm:flex-row">
-          <a
-            className="flex h-12 w-full items-center justify-center gap-2 rounded-full bg-foreground px-5 text-background transition-colors hover:bg-[#383838] dark:hover:bg-[#ccc] md:w-[158px]"
-            href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <Image
-              className="dark:invert"
-              src="/vercel.svg"
-              alt="Vercel logomark"
-              width={16}
-              height={16}
-            />
-            Deploy Now
-          </a>
-          <a
-            className="flex h-12 w-full items-center justify-center rounded-full border border-solid border-black/[.08] px-5 transition-colors hover:border-transparent hover:bg-black/[.04] dark:border-white/[.145] dark:hover:bg-[#1a1a1a] md:w-[158px]"
-            href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Documentation
-          </a>
+
+        {/* Call to Action */}
+        <div className="mt-24 text-center">
+          <h2 className="text-3xl font-bold tracking-tight text-slate-900">
+            Ready to Start Building?
+          </h2>
+          <p className="mt-4 text-lg text-slate-600">
+            Dive into our comprehensive documentation and start your Stacks development journey today.
+          </p>
+          <div className="mt-8 flex justify-center gap-4">
+            <Link
+              href="https://docs.stacks.co"
+              className="rounded-md bg-slate-900 px-6 py-3 text-base font-semibold text-white shadow-sm hover:bg-slate-800"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Official Docs
+            </Link>
+            <Link
+              href="https://github.com/stacks-network/stacks-blockchain"
+              className="rounded-md border border-slate-300 bg-white px-6 py-3 text-base font-semibold text-slate-900 shadow-sm hover:bg-slate-50"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              GitHub
+            </Link>
+          </div>
         </div>
-      </main>
+      </div>
     </div>
   );
 }
diff --git a/frontend/package.json b/frontend/package.json
index 330bf05..a33e006 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,12 +1,41 @@
 {
-  "name": "frontend",
+  "name": "stacks-quest-boards-frontend",
   "version": "0.1.0",
+  "description": "A Next.js frontend application for Stacks blockchain-based quest boards with gamification and reward systems",
   "private": true,
   "scripts": {
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "eslint"
+    "lint": "eslint",
+    "lint:fix": "eslint --fix",
+    "type-check": "tsc --noEmit",
+    "test": "jest",
+    "test:watch": "jest --watch"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/AdekunleBamz/stacks-quest-boards.git",
+    "directory": "frontend"
+  },
+  "keywords": [
+    "stacks",
+    "blockchain",
+    "nextjs",
+    "react",
+    "web3",
+    "quest-boards",
+    "gamification",
+    "typescript"
+  ],
+  "author": "Adekunle Bamz",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/AdekunleBamz/stacks-quest-boards/issues"
+  },
+  "homepage": "https://github.com/AdekunleBamz/stacks-quest-boards#readme",
+  "engines": {
+    "node": ">=18.0.0"
   },
   "dependencies": {
     "next": "16.0.7",
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..0ed3834
--- /dev/null
+++ b/package.json
@@ -0,0 +1,45 @@
+{
+  "name": "stacks-quest-boards",
+  "version": "1.0.0",
+  "description": "A Stacks blockchain-based quest board platform with gamification, smart contracts, and reward systems",
+  "private": true,
+  "workspaces": [
+    "frontend",
+    "stacks-quest-boards"
+  ],
+  "scripts": {
+    "install:all": "npm install && cd frontend && npm install && cd ../stacks-quest-boards && npm install",
+    "dev:frontend": "cd frontend && npm run dev",
+    "build:frontend": "cd frontend && npm run build",
+    "test:contracts": "cd stacks-quest-boards && npm test",
+    "test:all": "cd stacks-quest-boards && npm run test:report",
+    "lint:frontend": "cd frontend && npm run lint",
+    "clarinet:check": "cd stacks-quest-boards && clarinet check",
+    "clarinet:test": "cd stacks-quest-boards && clarinet test"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/AdekunleBamz/stacks-quest-boards.git"
+  },
+  "keywords": [
+    "stacks",
+    "blockchain",
+    "clarity",
+    "quest-boards",
+    "gamification",
+    "smart-contracts",
+    "rewards",
+    "defi",
+    "nextjs",
+    "react"
+  ],
+  "author": "Adekunle Bamz",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/AdekunleBamz/stacks-quest-boards/issues"
+  },
+  "homepage": "https://github.com/AdekunleBamz/stacks-quest-boards#readme",
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}
\ No newline at end of file
diff --git a/stacks-quest-boards/package.json b/stacks-quest-boards/package.json
index 35ca485..061a895 100644
--- a/stacks-quest-boards/package.json
+++ b/stacks-quest-boards/package.json
@@ -1,17 +1,43 @@
 
 {
-  "name": "stacks-quest-boards-tests",
+  "name": "stacks-quest-boards-contracts",
   "version": "1.0.0",
-  "description": "Run unit tests on this project.",
-  "type": "module",
+  "description": "Smart contracts for Stacks blockchain-based quest boards with gamification and reward distribution",
   "private": true,
   "scripts": {
+    "install:all": "npm install",
     "test": "vitest run",
+    "test:watch": "chokidar \"tests/**/*.ts\" \"contracts/**/*.clar\" -c \"npm run test:report\"",
     "test:report": "vitest run -- --coverage --costs",
-    "test:watch": "chokidar \"tests/**/*.ts\" \"contracts/**/*.clar\" -c \"npm run test:report\""
+    "clarinet:check": "clarinet check",
+    "clarinet:test": "clarinet test",
+    "clarinet:console": "clarinet console"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/AdekunleBamz/stacks-quest-boards.git",
+    "directory": "stacks-quest-boards"
+  },
+  "keywords": [
+    "stacks",
+    "clarity",
+    "blockchain",
+    "quest-boards",
+    "gamification",
+    "smart-contracts",
+    "rewards",
+    "defi"
+  ],
+  "author": "Adekunle Bamz",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/AdekunleBamz/stacks-quest-boards/issues"
   },
-  "author": "",
-  "license": "ISC",
+  "homepage": "https://github.com/AdekunleBamz/stacks-quest-boards#readme",
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "type": "module",
   "dependencies": {
     "@stacks/clarinet-sdk": "^3.9.0",
     "@stacks/transactions": "^7.2.0",