Pepa's Playground, Agentic UI Engineering, Frontend EngineeringPepkata Logo
  • Home
  • Experiments
Logo

Built with

Linkedin

Logo

Github

Logo
©2025 YouPan. All Rights Reserved.

I'm So Glad You
Found Me!

A Builder & Full-Stack Engineer, crafting product-focused frontends and building intelligent, Agentic UIs

Get In Touch

Playground. Experiments

The Creative Impulse

Exploring the intersection of AI and user interfaces to create intelligent, adaptive experiences

Live

Real Estate AI Assistant

A suite of AI-powered tools designed for real estate professionals and enthusiasts. Generate compelling property descriptions, analyze lease agreements, extract key clauses from contracts, and gain market insights—all powered by advanced language models to streamline your real estate workflow.

TypeScriptReactNext.jsVercel AI SDKOpenAI APIAPI RoutesTailwind
Learn More
Live

Document Chat

Upload any document (PDF, Word, or Text) and converse with it using advanced AI. Get instant, context-aware answers, detailed summaries, and clear explanations—all backed by citations pointing directly to the source. Perfect for in-depth research, rapid content analysis, and extracting specific information without manual searching.

TypeScriptReactNext.jsVercel AI SDKOpenAI APIAPI RoutesLangChainRAGPDF AnalysisTailwind
Learn More
Concept Project

Document Analyzer

An AI-powered tool that extracts meaning from long or complex documents. It highlights key sections, surfaces summaries, and identifies relationships between concepts to support faster, more confident decision-making.

ReactTypeScriptOpenAI APIAPI RoutesLangChainRadix UI
Stay tuned for updates
Live

Bruce Lee - Lee Jun Fan

This project showcases Bruce Lee's legacy with a unique design by Gyzmo, using Next.js. It leverages nested API routes and server- side rendering for optimized performance. All content is copyrighted and cannot be used without permission. Stay tuned for the upcoming Bruce Lee store!

TypeScriptReactNext.jsVercel AI SDKOpenAI APIReact QueryTailwindAPI Routes
Learn More
Live

News Portal

myNews Portal - without ads => This project utilizes the latest Next.js features, including server components, for seamless data fetching, server-side integration, and exceptional performance. Tailwind CSS complements the setup by enabling efficient, responsive, and accessible styling.

TypeScriptReactNext.jsVercel AI SDKAPI RoutesTailwindCore Web VitalsPerformance Optimization
Learn More
Live

Hacker News Clone

hackerClone - without ads => This is a personal clone project to follow Hacker News, without getting disturbed by ads. Migrated it to latest Next.js & server-components. It is optimized for accessibility while leveraging dynamic data fetching from the HNews API to ensure a streamlined, user-centric interface.

ReactTypeScriptNext.jsReact QueryAPI Routes
Learn More
Coming Soon

AI Agent Builder

An innovative platform for creating and deploying autonomous AI agents. Built with React and TypeScript, featuring real-time collaboration and advanced prompt engineering capabilities.

ReactTypeScriptPythonFast APIWebSockets
Stay tuned for updates
Coming Soon

Conversational UI Framework

A comprehensive framework for building natural language interfaces. Implements context-aware dialogues with multi-turn conversation management and seamless integration with LLMs.

Next.jsOpenAITailwindVercel AI SDK
Stay tuned for updates
Coming Soon

Agentic Component Library

A reusable component library specifically designed for Agentic UIs. Features intelligent components that adapt based on user behavior and context, with built-in AI assistance.

ReactStorybookRadix UILangChain
Stay tuned for updates