FULLSTACKDEV

OBCG is a sophisticated, high-performance full-stack web application I led, built on Next.js (SSR) and a multi-language stack (JavaScript/Python) with a MongoDB/BSON backend. I drove a critical architectural shift by migrating BSON data types to integers for key fields, resulting in reduced storage overhead and more efficient range-based indexing. To ensure scalability and quality, I established high Developer Experience (DX) standards, including implementation of Instant Dev Environments (.devcontainer) and automated CI/CD workflows via GitHub Actions and ESLint.

LaunchPad is a SaaS template deployment platform for creating Project Vaults, storing server-side credentials, and downloading deployable full-stack SaaS templates. It uses Next.js App Router, React, TypeScript, Tailwind CSS, Supabase Auth/Postgres, Stripe Checkout/Webhooks, JSZip, and vault-managed AI/provider keys. Its activation system has three enforcement layers: 1. **Build-time check**: downloaded templates run `scripts/check-activation.mjs` before deployment and call `POST /api/activation/activate`. 2. **Runtime check**: deployed apps call `POST /api/activation/check` from the server layout once per day. 3. **Remote vault dependency**: server-side services call `POST /api/vault` to retrieve Stripe, Gemini, or other secrets only after activation passes. LaunchPad verifies the license key, account status, vault ownership, template match, and deployment record. If the account becomes invalid, expired, suspended, revoked, or unreachable in fail-closed mode, the deployed template renders an offline page and stops receiving vault credentials. Because users download source code, activation is not fully tamper-proof. The real enforcement comes from making valuable server-side services depend on LaunchPad-controlled vault access.

A multilingual web app that audits any company's website for predatory contract terms — hidden exit fees, obfuscated cancellation flows, auto-renewal traps, and unclear recurring billing — and returns a neutral 0–100 trust score with a plain-English verdict. Users paste a URL; a scraper pulls the live page content and a Gemini-powered analysis engine grades it against a forensic rubric. The home page also surfaces region-aware "Hall of Fame" and "Wall of Shame" leaderboards across ISPs, mobile carriers, and SaaS, with auto-detected user location and 10-language UI support (EN, DE, ES, FR, IT, PT, NL, PL, TR, AR). Stack: Next.js 16 (App Router) · React 19 · TypeScript · Tailwind CSS v4 · Vercel AI SDK · Google Gemini 3.0 Pro · Firecrawl · standalone Node scraper on Render · Vercel hosting + Analytics · strict CSP headers · lucide-react for iconography.

AI-Assisted Communication A real-time, two-person chat app that acts as a friendly third party in difficult conversations. Each session pairs a Shared Space where both partners talk together with an AI mediator ("Dr. Aidon") that intervenes only when needed — to de-escalate, defuse manipulative language, or unstick stalled exchanges — and a Private Space where each user can workshop their thoughts one-on-one with the AI before saying them out loud. Sessions are spun up instantly and shared via QR code or link, with live typing indicators, partner-joined toasts, and full i18n in English, Spanish, and German. Stack - Frontend: Next.js 15 (App Router), React 19, Tailwind CSS v4 - Realtime + Auth: Firebase Firestore (live message, presence, and typing-status streams) with anonymous Firebase Auth - AI: Google Gemini 2.0 Flash with carefully constrained prompts that let the model stay silent unless intervention helps - Extras: qrcode for session-sharing, Tone.js for join sounds, hardened Content-Security-Policy headers

A minimal, interactive before/after image slider that lets you drag a handle across a watch photo to reveal its lume (glow) shot underneath — comparing the same watch in daylight vs. in the dark. Tech stack: - Next.js 16 (App Router) with React 19 - Tailwind CSS v4 for styling - Custom client component using useRef / useEffect to handle mouse and touch drag events, with clipPath driving the reveal Built as a personal weekend project for learning — a quick excuse to play with the latest Next.js + React 19 stack and hand-roll a small interactive component instead of pulling in a library.

Android app Lifestory — an AI-supported autobiography app. Using Gemini Pro to help users craft their life stories with AI-assisted writing prompts, multimedia integration, and dynamic storytelling templates. The app features a user-friendly interface that encourages creativity while providing powerful tools such as character tracking, timeline organization, and interactive storytelling features to bring personal narratives to life. The app rounds out with an internal book printing service, allowing users to transform their digital stories into physical keepsakes.

TS Learn App is an interactive TypeScript learning platform with 35 guided lessons covering fundamentals, intermediate concepts, advanced type patterns, and applied TypeScript with WebGL. Each lesson combines animated 3D visuals, syntax-highlighted examples, JavaScript vs. TypeScript comparisons, hands-on exercises, checkpoint quizzes, and saved progress. Built with Next.js 16, React 19, TypeScript 6, Three.js/WebGL, custom GLSL shaders, GSAP, PWA support, localStorage, custom code highlighting, custom exercise validation, and ESLint with Next.js Core Web Vitals.

Custom phone-case e-commerce platform with a live product configurator and Stripe checkout. The app lets customers upload artwork, position it on a realistic phone-case preview, resize/crop the design, choose phone model, material, finish, and color, then complete payment through Stripe and receive a branded confirmation email. Built with Next.js 14 App Router, React 18, TypeScript, Tailwind CSS, shadcn/ui, Radix UI, Framer Motion, Prisma, PostgreSQL, Zod, TanStack Query, Sharp, Kinde Auth, Stripe, UploadThing, Resend, and React Email, the platform includes authenticated checkout, webhook-driven order handling, transactional emails, and server-side image processing. It also includes an admin dashboard for viewing orders, managing fulfillment, and updating order status, plus a responsive marketing site with reviews, social proof, mobile navigation, animations, upload flows, toast notifications, and a polished Apple-inspired configuration experience.

Next.js learning resource. Lessons, exercises and lesson quizzes to help you learn Next.js. I built a comprehensive learning platform for Next.js, featuring interactive coding challenges, real-time feedback, and a dynamic curriculum that adapts to the user's progress. The site includes a custom-built code editor with integrated Next.js support, allowing users to practice and apply their skills in a hands-on environment. The graphics and animations are powered by Three.js and GSAP, creating an engaging and visually appealing learning experience that makes mastering Next.js both fun and effective.

Browser-based PDF Toolkit A privacy-first, all-in-one progressive web app offering 20+ PDF tools that run entirely in the user's browser, even if the user is offline — no files are ever uploaded to a server. Users can merge, split, compress, rotate, crop, reorder, and delete pages; convert between PDF and JPG; extract text; add watermarks, page numbers, annotations, and signatures; edit text; password-protect or unlock documents; and view file info. Why it stands out - Zero-server architecture — every PDF operation happens client-side, so sensitive documents never leave the user's device. - 20+ feature routes organized as discrete tools under a single, consistent UI. - Instant performance — no upload/download round trips; processing is bounded only by the user's hardware. Highlights for recruiters/clients - Built on the latest React 19 and Next.js 16 App Router — modern Server Component architecture with client-side computation where it matters. - Installs on any device, and once installed, 100% functional offline - Demonstrates strong grasp of binary file manipulation, browser APIs (File, Blob, ArrayBuffer), and performance-sensitive UI work. - Privacy-by-design: a deliberate architectural choice, not an afterthought.

Next Practice is an interactive, local Next.js 16 learning environment distributed as a standalone package. Designed for hands-on learners, it provides a unique side-by-side workflow where students fix intentionally incomplete or broken code in their IDE and instantly see the results in their browser. The app features 20 focused lessons covering essential Next.js App Router concepts—including dynamic routes, server actions, metadata, and optimistic updates. Its architecture ensures the dev server remains stable even when lesson files contain errors, ensuring an uninterrupted educational experience.

AdminPilot is a mobile-first Progressive Web App (PWA) designed to automate "life admin" obligations by extracting actionable items, deadlines, and financial amounts from raw text, uploaded PDFs, and forwarded emails. Built on Next.js 16 (React 19) and authenticated securely using Clerk, the application utilizes Vercel AI SDK integrated with Google Gemini (gemini-2.5-flash) to read, structure, and categorize incoming files or copy-pasted contents into detailed tasks and response drafts. To support seamless email integration, the platform features a SendGrid Inbound Email Webhook that automatically routes emails forwarded to scan@inbox.ryanernstnyberg.com directly to the matching user's inbox in the app. The database layer is powered by Neon Serverless Postgres using Prisma ORM for type-safe database queries. Finally, the user experience is optimized for native-like interactions across devices, featuring a responsive navigation system styled with Tailwind CSS and offline capabilities powered by Serwist for service worker caching.

Vapor Pressure Deficit calculator. It measures the difference between the amount of moisture currently in the air and the maximum amount of moisture the air can hold at a specific temperature. It is a critical metric for optimizing plant growth, as it directly affects a plant's ability to transpire and absorb nutrients. Installable on Android, iOS and Desktop

Bilingual legal-intake SaaS for tax-law and criminal-defense firms in Germany and the United States. The platform digitizes the full client intake workflow, from first inquiry to lawyer-ready case briefing, with localized German/EU and US jurisdiction handling, role-based workspaces, secure document management, audit logging, AI-assisted internal analysis, and PDF exports. Built with Next.js 16 App Router, React 19, JavaScript, Tailwind, Prisma/PostgreSQL, custom session auth, Google Gemini, Stripe, Resend, Vercel Blob, pdf-lib, and Electron, it supports public marketing pages, pricing, demo access, private firm dashboards, and a companion desktop app for offline case review. The system includes geo-aware routing and localization using Vercel edge headers, dynamic /eu/[country] and /us/[state] routes, German/English language switching, jurisdiction-specific privacy/disclaimer logic, and market-aware intake flows. AI-generated outputs are strictly framed as internal attorney work drafts, not client advice, with legal-compliance guardrails, mandatory disclaimers, no automated success predictions, authenticated document access, noindex internal pages, and environment-driven legal pages for multi-firm deployment.