The Substrate

Exploration of a new framework for serving software that involves minimal overhead and automatic fair rewarding for the creators, distributed ownership, and incentives inherently aligned to creating user value.

StellarPage: Browser Extension Star Map

A minimalist browser extension that transforms the new tab page into an interactive star map displaying real-time positions of celestial bodies.

Tech Stack:

• Vanilla JavaScript (ES Modules), Vite
• HTML5 Canvas 2D Rendering
• Astronomy Engine (Astronomical Calculations)
• Browser Extension API (Chrome & Firefox)

Frictionless Photo Hosting & Sharing

Sharing photos with friends, family and socials is not easy, especially when transferring between different ecosystems like Windows and ios. Previously, whenever i wanted to share a photo from my dslr, I would upload the photo to my laptop, edit with photoshop, upload to google drive, download to my phone, and finally share the photos.

So I built a direct publishing pipeline taking advantage of GitHub's cloud storage and static hosting. I made a custom photo editor which processes source media and publishes directly to GitHub Pages. Zero-cost, full-quality distribution with global CDN delivery, universal device access and indefinite storage backup.

Tech Stack:

• HTML5, CSS3, JavaScript
• GitHub Pages, Static Hosting
• Custom Photo Editor Integration

AI-Powered Animation Studio

Somna Studio transforms natural language descriptions into real-time JavaScript canvas animations. Users describe what they want to see, and the AI generates high-performance 60fps animations that can be refined through iterative prompts. The platform features cloud storage for saving animations, user authentication.

Tech Stack:

• React, Next.js, Tailwind CSS
• Vercel Serverless API, Vercel AI SDK
• Supabase (Auth & Database), Stripe
• Multi-LLM Support, Canvas API

Construction Document Intelligence Platform

An experimental internal platform developed for a leading construction company (ENR Top 400 Contractor) to explore innovative document management and knowledge retrieval. The system enables teams to create collaborative spaces for related documents (specifications, drawings, submittals, etc.) and perform advanced semantic searches using RAG techniques. Built with modern AI technology, it transformed how construction teams could access and utilize their document repositories, making relevant information more easily accessable.

Tech Stack:

• React, shadcn/ui, Tailwind CSS
• Express.js, Python, AWS (S3, DynamoDB)
• Anthropic Claude API, Voyage AI, Pinecone
• PDF Processing, Vector Search, RAG

Shopify E-Commerce Platform

A custom Shopify-based e-commerce platform built with Liquid.js to emphasize the product and convert with great UI/UX and responsiveness. Features a simple mahjong teacher chatbot interface using Google Generative AI API and Google Maps API integration.

Tech Stack:

• Shopify, Custom Liquid.js Sections
• Google Generative AI API, Google Maps API
• JavaScript, HTML5, CSS3

Email

CarsonGragg@gmail.com

Phone

925 818 6745

Social