AboutProjectsSkillsEducationGet in Touch

How I Built This Site

This site is itself a demonstration of what I do — using AI tools to build professional, production-grade software. Here's a transparent look at the process, tools, and decisions behind it.

The Approach

I'm not a professional developer — and that's the point. This entire site was built through AI-assisted development: I described what I wanted, made design decisions, and directed the AI to write the code. Every component, animation, and layout was created through collaboration between me and Claude (Anthropic's AI).

This is exactly the skill I'm positioning myself around — the ability to use AI as a force multiplier to produce real, working, professional-quality output without being a senior developer.

The Tech Stack

Next.js

React-based framework. The foundation of the site — handles routing, server-side rendering, and image optimization.

Vercel

Hosting and deployment. Every push to GitHub automatically builds and deploys the site within seconds.

Cursor

AI-powered code editor. My primary workspace — used for all file editing, terminal commands, and project navigation.

Claude (Anthropic)

AI assistant that wrote the code. I described the design, provided feedback, and Claude generated every component, style, and animation.

Git & GitHub

Version control. Every change is tracked, and the repository connects to Vercel for automatic deployments.

Tailwind CSS

Utility-first CSS framework included in the project setup for styling flexibility.

The Process

01

Infrastructure Setup

Set up the Next.js project, connected GitHub to Vercel, pointed my domain from Hostinger — all guided by Claude step by step.

02

Design Iteration

Claude generated HTML previews of the landing page. I reviewed each version, gave feedback on positioning, tone, and visual style. We went through 7+ iterations.

03

Component Building

Once the design was approved, Claude converted the HTML into React components — Navigation, ScrollReveal, ParticleBackground, and more.

04

Polish & Effects

Added the animated gradient borders (inspired by Arc Raiders), particle background, typing animations, scroll reveals, grain texture, and dark/light mode.

05

Deploy & Iterate

Pushed to GitHub, auto-deployed via Vercel, tested on desktop and mobile, and continued refining.

What This Demonstrates

Building this site wasn't about proving I can write React from scratch — it was about demonstrating a modern, practical skill: the ability to direct AI to produce professional results. I made every design decision, provided the content and context, managed the project, and quality-checked every output. The AI handled the syntax.

This is the same approach I apply to building AI tools — understanding the problem, designing the solution, and leveraging AI to execute it at a level that would traditionally require a full development team.

← Back to Home