Projects

AI Tailwind Refactor Copilot

---

A developer tool that leverages the OpenAI API to analyze and refactor messy CSS or inline styles into clean, best-practice Tailwind CSS. It streamlines the development process, enforces consistency, and significantly improves code quality and maintainability.

Stack

• Next.js
• TypeScript
• OpenAI API
• Tailwind CSS
• Vercel

VisitSource

The Interactive Landing Page Grader

---

An analytics tool that provides an instant, comprehensive audit of any website's landing page. It grades technical performance, SEO, and accessibility based on Core Web Vitals and best practices, offering actionable feedback to help users improve their site's conversion rates.

Stack

• Next.js
• React
• Framer Motion
• Performance API
• SEO

VisitSource

INCOMPLEX - Architectural Firm Website

---

A client project for a modern architectural firm, requiring a visually stunning and highly polished digital presence. The site features a minimalist UI, intuitive navigation, and sophisticated animations built with GreenSock (GSAP) to reflect the firm's innovative design philosophy.

Stack

• React
• Next.js
• GreenSock (GSAP)
• Animation
• UI/UX Design

VisitSource

Technologies

I've worked with a range of technologies to build modern, high-performance web applications from the ground up.

• Front-End

  Building high-performance, scalable applications with React, Next.js, and TypeScript.

• Back-End

  Developing robust RESTful APIs and connecting to both SQL and NoSQL databases.

• UI/UX

  Creating intuitive user interfaces from wireframe to high-fidelity prototype in Figma.

• 3D & Visualization

  Bringing products to life with interactive 3D models and animations using Three.js and WebGL.

About Me

With a background in Building Engineering & Construction Robotics and a parallel focus on elite Front-End Development, I specialize in building intuitive, high-performance web applications. My engineering mindset allows me to bridge the gap between complex technology and user-friendly design.

• 2015

  Began my BSc in Building Engineering, building a foundation in structural design and systems thinking.

• 2022

  Started my Master's in Construction Robotics, bridging the gap between physical engineering and software.

• 2023

  Discovered a passion for the user-facing side of software, diving deep into React, Next.js, and TypeScript.

• 2024

  Began building complex projects, applying my engineering precision to front-end development.

• 2025

  Launched my freelance career to build high-performance, precision-engineered web applications for businesses.

Core Competencies