Xian Logo
A FULLSTACKWEB DEVELOPER

BASED IN LAGUNA

PHILIPPINES

4+ years in fullstack development

Typescript
Javascript
NextJS
React
Tailwind
Shadcn/UI
HTML5
Redux
Shadcn/UI
HTML5
Redux
C#
Firebase
T-SQL
T-SQL

Sample Works

Hobby Projects built with React.js and Next.js

Finance Tracker

Watch Demo

Finance Tracker

Progressive Web App

Cross platform Finance Tracker. Manage expenses, income, savings, budget in one app. With end to end encryption. Available offline and on the web.

/images/stacks/Typescript.svgTypescript
/images/stacks/Javascript.svgJavascript
/images/stacks/React.svgReact
/images/stacks/Material UI.svgMaterial UI
/images/stacks/Firebase.svgFirebase
/images/stacks/Redux.svgRedux
Kildebat

Watch Demo

Kildebat

Realtime Web App

A gaming tool for Night Crows MMORPG. Create your group, collab with friends, view registered timestamps in realtime. Manage kill counts, respawn countdowns and loot distribution.

/images/stacks/Typescript.svgTypescript
/images/stacks/Javascript.svgJavascript
/images/stacks/React.svgReact
/images/stacks/Material UI.svgMaterial UI
/images/stacks/Firebase.svgFirebase
Firescript

Watch Demo

Firescript

Single Page App

Blog site dedicated to Typescript tutorials, featuring manual and AI-assisted post generation, user authentication, user comments, and reactions

/images/stacks/Typescript.svgTypescript
/images/stacks/NextJS.svgNextJS
/images/stacks/Tailwind CSS.svgTailwind
/images/stacks/Supabase.svgSupabase
/images/stacks/Shadcn.pngShadcn/UI
/images/stacks/Postgres.svgPostgres
Portfolio

Portfolio

Single Page App

Portfolio website built with NextJS and TailwindCSS.

/images/stacks/Typescript.svgTypescript
/images/stacks/NextJS.svgNextJS
/images/stacks/Tailwind CSS.svgTailwind
/images/stacks/Shadcn.pngShadcn/UI
Benta

Benta

Single Page App

Create free URL link to your shop, Customize store by uploading a custom banner image, add store details using rich text editor, list your menu or items, and share your store across social media platforms.

/images/stacks/Typescript.svgTypescript
/images/stacks/NextJS.svgNextJS
/images/stacks/Tailwind CSS.svgTailwind
/images/stacks/Firebase.svgFirebase
/images/stacks/Shadcn.pngShadcn/UI

Present

Software Engineer

PBTS

Handle project management, Collaborate with clients to define project scope and goals, and actively contributing to every stage of the software development lifecycle, from concept to delivery.

Technologies

/images/stacks/React.svg

React

/images/stacks/Javascript.svg

Javascript

/images/stacks/Typescript.svg

Typescript

/images/stacks/Dotnet.svg

.NET

/images/stacks/Axios.svg

Axios

/images/stacks/C Sharp.svg

C#

/images/stacks/Visual Basic.svg

Visual Basic

/images/stacks/ASP.svg

ASP

/images/stacks/SQL Server.svg

T-SQL

/images/stacks/ReactQuery.svg

Tanstack

Web Developer

Freelance

2023 - 2024

Develop and maintain cross-platform progressive web applications with a CI/CD workflow and...

Programmer

Gardenia

2019 - 2021

Develop and maintain sales applications across multiple platforms within an agile work env...

Programmer

Tiptop Finance

2017 - 2018

Develop and manage project from design,requirement gathering to deployment. Provide contin...

Technical Skills

Expertise grounded in practical experience

Fullstack

4+ years in frontend and backend development, from vanilla php to cutting edge javascript frameworks.

Web Design

Crafting personalized websites, with a focus on delivering modern design and seemless user experience.

API Design

Endpoint creation and integrations with Axios (Web), Retrofit (Android), RESTful APIs, and Next.js app router.

Database

Hands on experience with No-SQL (Google Firebase) and SQL (MySQL, SQLite, MSSQL, Supabase).

Agile

Experience with Agile with Scrum. Actively involved in sprint planning, backlog refinement, and continuous delivery.

L3 Support

Experience with ad hoc support, live hot fixes for production issues ensuring quick resolution to ensure business continuity.

Deployment

Product hosting and continous deployment both in Cloud (Vercel, Google Firebase) and Internet Information Services (IIS).

State Management

Implementation of predictable and graceful states with Redux, zustand, context API, and custom hooks for state management.

On Page SEO

Optimizing initial page load, proper semantics, accessibility, metadata and content optimization strategies.

Root Cause Analysis

Identifying production issues, tracking down the root cause, and providing actionable recommendations for resolution.

Technologies

Extensive tech stacks, for any project requirement

React

React

Flexible, modern, and scalable. I use React as the cornerstone of my development stack. Its modular architecture is a game-changer for rapid development of dynamic, interactive user interfaces.

Typescript

Typescript

Typescript provides a solid foundation for building scalable, maintainable applications. Its static typing helps catch errors early, ensuring faster development cycles and higher-quality code.

NextJS

NextJS

NextJS accelerates development by automatically optimizing images, caching, and server-side rendering. Next's flexibility and ease of use make it a popular choice for building modern web applications.

Tailwind

Tailwind

Tailwind empowers rapid development of visually appealing, consistent interfaces. Its utility-first approach streamlines development, allowing me to create personalized designs effortlessly.

Weaving the digital threads of the web

Since 2019

Showcase 1Showcase 2Showcase 3Showcase 4Showcase 5
Xian Logo

Fullstack Web Developer

4024 Biñan, Laguna

Calabarzon, Philippines

About

Showcase

Career

Skills

Blog

© 2025 Built with Tailwind & Next.js