Added work portfolio

astro.config.mjs

@@ -1,9 +1,10 @@
 import { defineConfig } from "astro/config";
-import mdx from "@astrojs/mdx";
 import sitemap from "@astrojs/sitemap";
 import tailwind from "@astrojs/tailwind";
+import mdx from "@astrojs/mdx";
 
+// https://astro.build/config
 export default defineConfig({
   site: "https://astro-nano-demo.vercel.app",
-  integrations: [mdx(), sitemap(), tailwind()],
+  integrations: [sitemap(), tailwind(), mdx()]
-});
+});

package.json

@@ -13,25 +13,29 @@
     "lint:fix": "eslint . --fix"
   },
   "dependencies": {
-    "@astrojs/check": "^0.5.9",
+    "@astrojs/check": "^0.9.4",
-    "@astrojs/mdx": "^2.2.0",
+    "@astrojs/mdx": "^4.0.6",
     "@astrojs/rss": "^4.0.5",
-    "@astrojs/sitemap": "^3.1.1",
+    "@astrojs/sitemap": "^3.2.1",
-    "@astrojs/tailwind": "^5.1.0",
+    "@astrojs/tailwind": "^5.1.4",
     "@fontsource/inter": "^5.0.17",
     "@fontsource/lora": "^5.0.16",
-    "@tailwindcss/typography": "^0.5.10",
+    "@tailwindcss/typography": "^0.5.16",
     "@typescript-eslint/eslint-plugin": "^7.3.1",
     "@typescript-eslint/parser": "^7.3.1",
-    "astro": "^4.5.6",
+    "astro": "^5.1.7",
+    "astro-embed": "^0.9.0",
+    "astro-light-box": "^0.1.1",
     "canvas-confetti": "^1.9.3",
     "clsx": "^2.1.0",
+    "devicons-astro": "^0.3.3",
     "eslint": "^8.57.0",
     "eslint-plugin-astro": "^0.32.0",
     "eslint-plugin-jsx-a11y": "^6.8.0",
+    "rehype": "^13.0.2",
     "sharp": "^0.33.3",
     "tailwind-merge": "^2.2.2",
-    "tailwindcss": "^3.4.1",
+    "tailwindcss": "^3.4.17",
-    "typescript": "^5.4.2"
+    "typescript": "^5.7.3"
   }
 }

src/components/Container.astro

@@ -1,5 +1,4 @@
 ---
-
 ---
 
 <div class="mx-auto max-w-screen-sm px-5">

src/components/WideContainer.astro

@@ -0,0 +1,6 @@
+---
+---
+
+<div class="mx-auto max-w-screen-xl px-5">
+  <slot />
+</div>

src/content/projects/easysample/index.md

@@ -0,0 +1,22 @@
+---
+title: "Tile Direct EasySample"
+description: "An AR cloud content management system"
+date: "2023"
+demoURL: ""
+---
+
+TileDirect EasySample is a platform built to simplify how tile samples are managed and tracked. It lets sales teams check samples out to customers effortlessly, keeps tabs on inventory to prevent loss, and helps them follow up with customers at the right time—knowing exactly which tiles caught their attention. Customers can scan samples to explore more details online, see how tiles look in augmented reality, and get automated reminders for returns or care instructions.
+
+The front end is built with Next.js, using shadcn/ui for styling and modern React Redux to manage state. On the backend, I used .NET Core with a PostgreSQL database, structured around an event-driven architecture. It’s hosted on Vercel, fly.io and Amazon AWS. 
+
+<br/>
+
+![EasySample](/content/es1.png)
+
+<br/>
+
+![EasySample](/content/es2.png)
+
+<br/>
+
+![EasySample](/content/es3.png)

src/content/projects/quickview/index.md

@@ -1,14 +0,0 @@
----
-title: "QuickView Cloud"
-description: "An AR cloud content management system"
-date: "2024"
-demoURL: "https://actuality.nz"
----
-
-![UC Online](/content/quickview.png)
-
-## Technologies
-- NodeJS
-- Firebase
-- React
-- UIKit

src/content/projects/quickview/index.mdx

@@ -0,0 +1,16 @@
+---
+title: "QuickView Cloud"
+description: "An AR cloud content management system"
+date: "2024"
+demoURL: "/quickviewdemo"
+---
+import { Tweet, Vimeo, YouTube } from 'astro-embed';
+import DevIcon from 'devicons-astro';
+
+<YouTube id="tRZPLgZB_II" />
+
+QuickView transforms product information into interactive augmented reality (AR) experiences that can be seamlessly embedded in websites, apps, and marketing materials, allowing users to visualize products in their own spaces.
+
+QuickView is built with a modern tech stack, including React, Redux, Node.js, Go, Firebase, and Pixar Universal Scene Description (USDZ).
+
+![QuickView](/content/quickview.png)

src/pages/quickviewdemo/index.astro

@@ -0,0 +1,11 @@
+---
+import PageLayout from "@layouts/PageLayout.astro";
+import WideContainer from "@components/WideContainer.astro";
+---
+
+<PageLayout title={"QuickView Demo"} description={""}>
+    <WideContainer>
+        <iframe src="https://embedv1.quickview.co/?pid=dLFJz4mIGby5aV4kFORL" style="border: 1px solid #f0f0f0; width: 100%; min-height: 700px; border-radius: 20px;"></iframe>
+    </WideContainer>
+</PageLayout>
+