Hi, Im

Xian

Fullstack Developer

I specialize in building dynamic web apps
with React and TypeScript

More About Me

Personal Projects

Kildebat

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.svgMUI
/images/stacks/Firebase.svgFirebase
Finance Tracker

Finance Tracker

Progressive Web App

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.svgMUI
/images/stacks/Firebase.svgFirebase
/images/stacks/Redux.svgRedux
Firescript

Firescript

Hybrid SSR/CSR

A blog website for firebase and typescript tutorials. Leveraging Next SSR and Supabase auth middleware. Currently in development.

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

Benta

Hybrid SSR/CSR

Create your own online store by uploading a custom banner image, listing your menu or items, and sharing 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
Portfolio

Portfolio

Single Page App

A dynamic and responsive personal portfolio built using TypeScript, ShadCN, Next.js, Tailwind CSS, and Framer Motion.

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

Career Experience

Present

2023 - 2024

2019 - 2021

2017 - 2018

Software Engineer

2 months

PBTS

Handle project manangement, collaborate with clients through regular meetings, and contribute to all phases of the software development lifecycle.

web

backend

support

  • Design and implement new features in accordance with client specifications.

  • Enhance existing features to ensure optimal performance and functionality.

  • Conduct comprehensive testing, including unit, integration, and end-to-end tests, to ensure high-quality deliverables.

  • Facilitate GIT code reviews, perform impact analysis, and optimize code for efficiency and scalability.

/images/stacks/Visual Basic.svgVisual Basic
/images/stacks/ASP.svgASP.NET
/images/stacks/Javascript.svgJavascript
/images/stacks/SQL Server.svgT-SQL
Fullstack.Agile.React.

Agile Methodology,

Unit Testing,

Fullstack Development,

CI/CD,

Android Development,

PWA,

Web Development,

SSR,

Desktop App Development,

Project Management,

Restful,

Redux,

NextJS,

Google Auth,

Github,

API Design,

Scrum,

Cloud Services,

Bug Fix,

L3 Support,

Root Cause Analysis,

Database Management,

Agile Methodology,

Unit Testing,

Fullstack Development,

CI/CD,

Android Development,

PWA,

Web Development,

SSR,

Desktop App Development,

Project Management,

Restful,

Redux,

NextJS,

Google Auth,

Github,

API Design,

Scrum,

Cloud Services,

Bug Fix,

L3 Support,

Root Cause Analysis,

Database Management,

Web
Mobile
Desktop
Backend
Typescript

Typescript

Javascript

Javascript

NextJS

NextJS

React

React

Tailwind

Tailwind

MUI

MUI

Shadcn

Shadcn

HTML5

HTML5

CSS3

CSS3

JQuery

JQuery

ASP.NET

ASP.NET

PWA

PWA

Bootstrap

Bootstrap

Redux

Redux

VB6

VB6

Visual Basic

Visual Basic

.NET

.NET

Java

Java

C#

C#

PHP

PHP

Firebase

Firebase

MySQL

MySQL

T-SQL

T-SQL

SQLite

SQLite

Axios

Axios

Supabase

Supabase

Postgres

Postgres

Node

Node

Jest

Jest

npm

npm

Built with Next.js and Tailwind CSS