Software Engineer · Storyteller

Hello, I'm Yan Peng

I build human-centered digital experiences that connect resilient APIs, accessible design systems, and AI-assisted automation. Currently exploring how agentic workflows can power travel tech and community platforms.

30+

Projects

Full-stack launches

AI x Web

Focus

Vision & automation

Jan 2025

Availability

Internships & SWE

SF Bay

Based

Hybrid / Remote

Yan Peng portrait

Creative Builder

Turning ideas into shipping products

UI Kits

Design systems & accessibility

AI Ops

Prompt & agent workflows

Currently

Designing event-driven AI prototypes

⚡️
Get to know me

About Me

I'm wrapping up my Computer Science degree at SFSU, where I've built production-ready web apps, system integrations, and cloud deployments focusing on clean architecture and delightful user experiences.

From architecting a travel platform end-to-end on Azure to experimenting with OpenAI integrations and multimodal workflows, I love connecting design thinking with reliable engineering practices.

5+

Years coding

Academic & freelance builds

10+

Shipped projects

From web app to mobile

Fullstack

Tech focus

React · Next.js · Node · Java

Global

Collaboration

Team lead & mentor roles

Currently exploring

  • Agentic workflows that integrate AI APIs with event-driven backends
  • Performant UI systems that adapt across desktop, tablet, and mobile
  • Observability stacks that keep solo projects production-ready
  • Inclusive product storytelling through photography and UI copy
  • Java
  • Node.js
  • Express
  • React
  • Next.js
  • React Native
  • JavaScript
  • HTML/CSS
  • Python
  • PyTorch
  • C++
  • Spring Boot
  • MySQL
  • MongoDB
  • AI/ML
Yan collaborating over coffee
Workshop snapshot
Outdoor portrait

Beyond code

Multilingual storyteller & lifelong learner

3

Languages

20+

Art works

Ideas

My Projects

A showcase of my work across web development, AI applications, mobile apps, and machine learning projects.

  • TravelWise - React, Nodejs, Express, MySQL, Azure. image
    Case Study19 Shots

    Featured Build

    TravelWise - React, Nodejs, Express, MySQL, Azure.

    A comprehensive travel blog platform with AI-powered features for personalized recommendations, destination analysis, and real-time weather updates.
    Open SourceCase Study Only
    View Details
  • SurveyHub - TypeScript, Next.js, MongoDB, Tailwind CSS, Recharts, Vercel. image
    Case Study8 Shots

    Featured Build

    SurveyHub - TypeScript, Next.js, MongoDB, Tailwind CSS, Recharts, Vercel.

    A modern survey management system with secure authentication, admin dashboard, flexible survey creation, and real-time data visualization.
    Open SourceLive Experience
    View Details
  • EventHub - SpringBoot, Mybatis, React, Material UI, MySQL. image
    Case Study9 Shots

    Featured Build

    EventHub - SpringBoot, Mybatis, React, Material UI, MySQL.

    A responsive event management web application with full CRUD support, personalized account settings, and category management.
    Open SourceCase Study Only
    View Details
  • Lauren's YouTube Video Summarizer & Q&A - Next.js 16, React 19, TypeScript, OpenRouter API, LangChain, Tailwind CSS 4 image
    Case Study7 Shots

    Featured Build

    Lauren's YouTube Video Summarizer & Q&A - Next.js 16, React 19, TypeScript, OpenRouter API, LangChain, Tailwind CSS 4

    An AI-powered web application that summarizes YouTube videos and enables Q&A about video content using advanced language models.
    Open SourceLive Experience
    View Details
  • Lauren's SnapSummary - Next.js, OpenRouter API, Tailwind CSS, Web Content Summarization image
    Case Study6 Shots

    Featured Build

    Lauren's SnapSummary - Next.js, OpenRouter API, Tailwind CSS, Web Content Summarization

    Summarize website content (via URL) or pasted text, choose different LLM models, and output in English or Chinese with one-click copy/download.
    Open SourceLive Experience
    View Details
  • AI-safe-beauty - Next.js 14, React 18, Node.js, OpenRouter API, Grok Models, GPT-4o, Puppeteer. image
    Case Study4 Shots

    Featured Build

    AI-safe-beauty - Next.js 14, React 18, Node.js, OpenRouter API, Grok Models, GPT-4o, Puppeteer.

    An AI-powered cosmetic safety analyzer that assesses product ingredients and provides risk assessments with detailed explanations.
    Open SourceLive Experience
    View Details
  • Photo Gallery - Nodejs, Express, Javascript, MySQL, Handlebar, CSS, HTML. image
    Case Study5 Shots

    Featured Build

    Photo Gallery - Nodejs, Express, Javascript, MySQL, Handlebar, CSS, HTML.

    A full-featured photo sharing platform with user authentication, image posting, search functionality, and commenting system.
    Open SourceCase Study Only
    View Details
  • Movie Review - Nextjs with IMDB API, responsive design and a dark mode switch. image
    Case Study8 Shots

    Featured Build

    Movie Review - Nextjs with IMDB API, responsive design and a dark mode switch.

    A comprehensive movie review platform with IMDB API integration, featuring top-rated movies, search functionality, and dark mode support.
    Open SourceLive Experience
    View Details
  • Images Identify Mobile App - React Native, Expo, Serverless, Clerk, AI Integration. image
    Case Study4 Shots

    Featured Build

    Images Identify Mobile App - React Native, Expo, Serverless, Clerk, AI Integration.

    A cutting-edge mobile app that uses AI to identify locations from photos, with map integration and emoji customization features.
    Open SourceLive Experience
    View Details
  • MovieMate Mobile App - React Native, Expo, TMDB. image
    Case Study2 Shots

    Featured Build

    MovieMate Mobile App - React Native, Expo, TMDB.

    A mobile app for movie enthusiasts featuring current theater releases, upcoming movies, ratings, and trailers using TMDB API.
    Open SourceLive Experience
    View Details
  • Brick Game Application - Javascript, HTML, CSS image
    Case Study2 Shots

    Featured Build

    Brick Game Application - Javascript, HTML, CSS

    A classic brick breaker game with progressive difficulty, point calculation, and keyboard/mouse controls for an engaging gaming experience.
    Open SourceLive Experience
    View Details
  • Calculator Application - Java, Java Swing GUI. image
    Case Study3 Shots

    Featured Build

    Calculator Application - Java, Java Swing GUI.

    An infix expression evaluator with Java Swing GUI, supporting complex mathematical expressions and essential mathematical functions.
    Open SourceCase Study Only
    View Details
  • User Management System - Spring Boot, MySQL, React. image
    Case Study3 Shots

    Featured Build

    User Management System - Spring Boot, MySQL, React.

    A full-stack user management application with CRUD operations, featuring Spring Boot backend and React frontend for efficient data management.
    Private RepoCase Study Only
    View Details
  • Handwritten Digit Recognition - Deep Learning Model using Pytorch. image
    Case Study1 Shots

    Featured Build

    Handwritten Digit Recognition - Deep Learning Model using Pytorch.

    A CNN-based deep learning model for classifying handwritten digits from the MNIST dataset with high accuracy.
    Open SourceCase Study Only
    View Details
  • Banking System - Java Application for Banking System. image
    Case Study1 Shots

    Featured Build

    Banking System - Java Application for Banking System.

    A comprehensive banking system with checking/savings accounts, deposits, withdrawals, and a JavaFX graphical interface.
    Open SourceCase Study Only
    View Details

Get In Touch

I'm always open to discussing new opportunities, interesting projects, or just having a chat about technology. Feel free to reach out!

Contact Information

Location

San Francisco, CA

Connect With Me

Let's Work Together

I'm currently seeking new opportunities as a software engineer. Whether you're looking to collaborate on an exciting project, discuss potential job opportunities, or just want to connect with someone passionate about technology, I'd love to hear from you.

What I'm Looking For

  • Full-time software engineering positions
  • Collaborative project opportunities
  • Technical discussions and networking
  • Mentorship and learning opportunities