Digital Portfolio

This
Website

This site has gone through a lot of versions, and every iteration taught me something new about development, design, hosting, and the craft of building for the web.

Web Design Skills

  • Strengthened both front-end and back-end web development skills through hands-on iteration.
  • Built experience with tools like WordPress, Figma, and React in a real project workflow.
  • Improved technical confidence in layout, interaction, design translation, and deployment.
  • Turned the site into a meaningful portfolio piece that supported internship and professional growth.

Showcase My Projects

  • Creates a dedicated place to present software, design, and photography work together.
  • Acts as a living portfolio that can evolve as new skills and projects are added.
  • Balances technical development with storytelling and visual presentation.
  • Reflects a broader commitment to craftsmanship beyond just writing code.
From Concept To Reality

Site History

Early website development stage

Shared hosting and first launch

WordPress Beginnings

The WordPress site started on a shared hosting account, and it didn't take long to outgrow it. Load times were slow, and getting updates live was more of a hassle than it needed to be — tweaking something small still meant wading through a process that felt heavier than it should. Moving to a dedicated, self-managed server fixed both problems. With full control over the environment, the site got faster and deploying changes became a lot more straightforward. It's the kind of setup that actually gets out of your way and lets you focus on the work.

More Than Just A Website

Skills

Building this website has been a comprehensive, hands-on education in modern web development - spanning the full front-end stack, from languages and frameworks to design tooling and deployment.

Languages

TypeScriptJavaScriptHTMLCSS

Frameworks & Architecture

ViteReact.jsReact RouterSingle-Page ApplicationsComponent-Based Architecture

Design

FigmaUI/UX DesignResponsive DesignMobile-First DesignCSS Animation

Tools & Workflow

GitGitHubnpmDebuggingRefactoringDeployment
0+major rebuilds
0hosting approaches tried
0+tools explored