Product and engineering work

Live products, technical foundations and selected experiments that show how I work across interface, backend, data, integrations and deployment.

Products built end to end

Live applications designed, built and deployed across the full stack.

  • flavorwise-web-app.vercel.app
    Flavorwise product screenshot

    Flavorwise

    Live SaaS · AI recommendations · Food tech

    AI-powered dining assistant that ranks dishes from any menu against your tastes, diet, and allergies, explaining every match and flagging conflicts.

    • Personalized dish rankings from 0 to 100
    • Allergy and dietary conflict detection
    • Menu analysis from photos, PDFs or digital menus
    • Clear match reasons and nutrition estimates
    TypeScript Next.js TailwindCSS AI i18n
    Open Flavorwise Private repository
  • listys-web-app.vercel.app
    Listys product screenshot

    Listys

    Live SaaS · OCR · Realtime

    Full-stack SaaS app for shopping planning and receipt digitization with OCR. It includes authentication, real-time shopping sessions, base list management, history tracking, and Supabase synchronization.

    • Receipt digitization with OCR
    • Real-time shopping sessions
    • Auth, base lists and history tracking
    • Supabase sync with Edge Functions
    TypeScript Next.js Supabase Supabase Edge Functions TailwindCSS Shadcn/UI Zod React Hook Form Zustand Framer Motion OCR
    Open Listys Private repository
  • taggy-5ygezxye9-ljaviertovar-s-team.vercel.app
    Taggy product screenshot

    Taggy

    Live SaaS · Computer vision · Payments

    AI image workflow that classifies uploads and generates captions using Google Vision and OpenAI.

    • Image categorization with Google Vision
    • AI caption generation with OpenAI
    • Stripe payments
    • Media pipeline on Cloudinary
    Next.js TypeScript Chakra UI Supabase Google Vision API OpenAI Cloudinary Stripe
    Open Taggy Private repository
  • fillbg.vercel.app
    FillBG product screenshot

    FillBG

    Live AI tool · Generative fill

    AI image tool that extends backgrounds into aspect ratios adapted for different platforms.

    • Generative background fill
    • Aspect ratios adapted per platform
    • Image transformations on Cloudinary
    TypeScript Next.js Cloudinary OpenAI Shadcn/UI TailwindCSS
    Open FillBG Code
  • logo-builder-eight.vercel.app
    Logobuilder product screenshot

    Logobuilder

    Live Design tool · Logo builder

    Browser-based design tool for creating and customizing brand logos through a guided interface.

    • Icon selection with Lucide React
    • Custom size, border, rotation and color
    • Customizable backgrounds
    • Downloadable logo export
    Next.js TypeScript Shadcn/UI TailwindCSS Lucide React
    Open Logobuilder Code Article
  • dokyfile.vercel.app
    Dokyfile product screenshot

    Dokyfile

    Live Developer tool · LLM

    Developer tool that validates and generates Dockerfiles through a guided web interface.

    • Dockerfile validation
    • AI-assisted Dockerfile generation
    • Friendly UI for a CLI-heavy task
    TypeScript Next.js Shadcn/UI OpenAI TailwindCSS
    Open Dokyfile Code

Product engineering

Reusable foundations, tools and technical explorations.

  • E-commerce Filtering System screenshot

    E-commerce Filtering System

    Real-time search and filtering experience for e-commerce catalogs, with support for multiple product criteria.

    TypeScript Next.js Shadcn/UI
    Live Code
  • Next.js SaaS Starter screenshot

    Next.js SaaS Starter

    Reusable Next.js foundation for SaaS products, including authentication, email, billing and validation.

    Next.js TypeScript Shadcn/ui
    Code Article
  • Next.js issue tracking screenshot

    Next.js issue tracking

    Issue explorer for the Next.js GitHub repository, with cached data fetching powered by TanStack Query.

    React TypeScript TanStack Query
    Live Code
  • Robot Game screenshot

    Robot Game

    Grid-based game where players guide a robot to its target in the fewest possible moves.

    TypeScript React Zustand
    Live Code

  • Shopping Cart

    Shopping cart built with Next.js, Zustand and TypeScript to demonstrate predictable client-side state.

    Next.js TypeScript Zustand
    Live Code Article

  • Technical Blog

    React-based technical blog with Markdown authoring, syntax highlighting and enhanced code blocks.

    JavaScript React Markdown
    Live Code Article

  • React Instagram Filters

    Photo-filtering interface built with CSS contrast, brightness, saturation and sepia controls.

    JavaScript React Styled Components
    Live Code Article

  • Reusable Modals

    Reusable and customizable modal system built with React portals and TypeScript.

    React TypeScript Styled Components
    Live Code Article

  • JSON Server API Rest

    CRUD application backed by JSON Server for local REST API development and prototyping.

    JavaScript React JSON Server
    Code Article

  • GraphQL Server and Client in Next.js

    User search application with a GraphQL server and client implemented in Next.js.

    JavaScript Next.js GraphQL
    Live Code Article

  • Login Pack RRSS

    OAuth authentication flow for Google and GitHub accounts using NextAuth.js.

    TypeScript React Express
    Code Article

  • Autocomplete Search

    Accessible autocomplete search component with suggestions filtered by the current query.

    TypeScript React NextUI
    Live Code Article

  • Skeleton Loading Ecommerce

    Skeleton loading patterns for React storefronts that preserve layout while product data loads.

    JavaScript React Styled Components
    Live Code Article

  • Protected Routes

    Public and private route patterns with access validation using React Router v6.

    JavaScript React React Router
    Live Code Article

  • Express TypeScript MongoDB API Rest

    Typed REST API built with Express, MongoDB and TypeScript.

    TypeScript React Express
    Code

  • MultiLingual App

    Multilingual React application with locale switching powered by react-i18next.

    JavaScript React i18next
    Live Code Article

Code archive

Earlier exercises and take-home assignments.

  • Frontend Challenge 1

    Movie search application with query input, loading states and a responsive results list.

    TypeScript React Styled Components
    Live Code

  • Frontend Challenge 2

    Product listing page with client-side filtering and sorting.

    TypeScript Next.js TailwindCSS
    Live Code

  • Frontend Challenge 3

    Note-taking application with tagging and client-side filtering.

    TypeScript React Redux Toolkit nes.css
    Live Code

Bring your next product to production.

I help teams turn requirements into production-ready web products and e-commerce solutions. Available for product engineering roles and selected collaborations.

Discuss your project LinkedIn