FULLSTACKDEV

German-language bartending training PWA built mobile-first for new bartenders and trainees. The app teaches cocktail fundamentals through a recipe library, “Bar Basics” modules, and a gamified quiz system with progress tracking, mistake review, streaks, and a virtual tip jar. Built with Next.js 16 App Router, React 19, TypeScript, React Native Web, custom SVG illustrations, service workers, web app manifest, Vercel Analytics, Google Analytics, and GTM, it is installable on iOS/Android and works fully offline. The drink library includes recipes in cl, glassware guidance, technique tags, garnishes, pro tips, and custom hand-coded vector artwork for every drink, glass, and bar tool. Users can import additional drinks from the web, cache images as data URLs, and persist imported drinks, quiz progress, and tip-jar state via localStorage.

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.

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.