Logo

Hi, my name is

Rhyan Vargas

AI Engineer who loves bringing ideas to life using well-architected systems and tools.

GitHubLinkedInEmail

01. About Me

Hey there! I’m Rhyan, a builder, musician, traveler and all-around fan of creating and appreciating all things creative. My journey into development started back in 2016 when I taught myself how to customize Wordpress themes. A few freelance websites later, I realized how much I enjoyed turning ideas into interactive experiences — and I’ve been hooked ever since.

Fast-forward to today, I’ve had the privilege of building across startups, agencies, and enterprise environments — leading projects that bridge AI, design, and web development. My current focus is crafting human-centered, AI-driven applications that blend frontend precision with intelligent systems — from GenAI-powered dashboards to immersive XR learning tools.

I’m passionate about using technology to empower creativity and learning, especially through ethical, accessible, and impactful digital products.

Here are a few technologies I've been working with recently:

TypeScript
AI SDK (Vercel)
Drizzle ORM
JavaScript (ES6+)
HTML/CSS
Next.js
Tailwind CSS
PostgreSQL
AWS Amplify
AWS Bedrock
Git
GitHub
CI/CD
Agile/Scrum
Motion (Animation lib)
Rhyan Vargas

03. My Work

Interactive Video Transcript

AI

Interactive Video Transcript

Interactive video player with bidirectional transcript sync and semantic search powered by OpenAI embeddings. Navigate and highlight video content in real time for accessibility and fast retrieval.

ReactTypeScriptshadcn/uiTailwindCSSMUX APIWCAG 2.1 AAA
🚀 Coming SoonDemo
Full Stack LMS Platform

Frontend

Full Stack LMS Platform

A modern, full-stack Learning Management System (LMS) built with Next.js 15, TypeScript, and AWS Amplify. Features include an App Router architecture, typed schema validation, course management, video content, and a11y-first UI components. Designed for scale, rapid iteration, and evidence-backed frontend engineering

Next.js 15TypeScriptAWS AmplifyMUX PlayerRadix UIshadcn/uiTailwindCSSZodReact Hook FormLucide ReactSonnerVaul
CodeDemo
AI Utility Bill Analyzer

AI

AI Utility Bill Analyzer

AI-powered assistant that analyzes electric bills to identify savings and offers personalized recommendations. Integrates chat UI and real-time cost optimization.

Next.jsTypeScriptTailwind CSSshadcn/uiPickAxe APIVercel
CodeDemo
Upload Git Issues

DevTools

Upload Git Issues

Zero-config CLI for bulk uploading CSV data to GitHub Issues. Designed for migrations and automating issue creation from CSV exports.

TypeScriptNode.jsGitHub APICLICSV Parsernpm
CodeDemo
Anana Landing Page

Frontend

Anana Landing Page

Designed and built the landing page for Anana, focusing on modern UI/UX, accessibility, and responsive layout using Next.js and TypeScript.

Next.jsTypeScriptReactTailwindCSS
CodeDemo
SimpleVerse: Learn-to-Earn Metaverse

Frontend

SimpleVerse: Learn-to-Earn Metaverse

Immersive open-world metaverse blending adventure, learning, and rewards—featuring dynamic NPC dialogue, interactive quests, and Unity + Spatial.io integration.

UnityC#Spatial.io SDKTextMeshProScriptableObject Architecture
CodeDemo

Other Noteworthy Projects

CodeDemo
RhyGlot AI Translator

RhyGlot AI Translator

AI

LLM-powered translation app with prompt controls, semantic reranking, and real-time evaluation dashboard for multilingual content.

Next.jsTypeScriptOpenAISupabaseVercel
CodeDemo
Pomoburn Productivity App

Pomoburn Productivity App

Frontend

Focus timer app combining Pomodoro technique with analytics and habit tracking, built using Next.js and modern state management.

Next.jsTypeScriptZustandTanStack QueryTailwindCSS
CodeDemo
AI Generated Captions

AI Generated Captions

AI

Next.js application that auto-generates video captions in TXT and WebVTT formats using AI transcription, supporting multi-language and planned translation.

Next.jsTypeScriptOpenAIAI SDKshadcn/uiTailwindCSSVitestZod
Code🚀 Coming Soon
AI Portfolio Generator

AI Portfolio Generator

AI

Automated portfolio builder that syncs and generates project case studies from GitHub metadata and evidence packs.

Next.jsTypeScriptSupabaseGitHub ActionsVercel
Code🚀 Coming Soon
Fluix UI

Fluix UI

Frontend

AI-first component registry on shadcn/ui, with unique interaction patterns, transparency, and enterprise governance for advanced AI apps.

Next.jsTypeScriptTailwind CSSshadcn/uiReactWCAG 2.1
CodeDemo
Tech Saints Website

Tech Saints Website

Frontend

Awareness page built with v0.app, featuring automatic deployment sync with Vercel for seamless lead capture.

Next.jsTypeScriptv0.appBrevoVercelshadcn/ui
🚀 Coming SoonDemo
3 Bears NFT Landing Page

3 Bears NFT Landing Page

Frontend

High-performance NFT drop landing page built from Figma designs with Ethereum blockchain integration, wallet connectivity, and custom animations—delivered in 2 weeks.

Next.jsTypeScriptEthers.jsWeb3.jsMoralis APITailwind CSS