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.

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.

A Next.js study-anything app. Name anything you want to learn about and Gemini will create the entire course for you. Enroll in completely new courses, or enroll in a course already set up by another student. In each lesson there is a Gemini AI Teacher you can ask any questions pertaining to that course, if you get stuck or just want a deeper explanation.

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

CallBack AI is an automated missed-call recovery and AI scheduling assistant dashboard designed for local and service-based businesses to instantly convert lost calls into revenue. When business phone calls go unanswered, the platform immediately initiates conversational SMS sessions over Twilio. Powered by Anthropic Claude and Google Gemini LLMs with custom rate card directives, the AI assistant answers caller questions, quotes service rates, schedules appointments directly via Calendly API, and collects email newsletter opt-ins into a serverless PostgreSQL database (Neon / Supabase). The platform includes a Next.js admin dashboard to manage bookings, track subscribers, configure service location modes (Mobile Dispatch, In-Store, Virtual), and manage provider API keys.