heytor.com

heytor.com

A personal portfolio website that reflects my personality and design style through interactive visualizations, thoughtful animations, and a cohesive design system. Built with Astro to showcase my work while learning modern web development and deployment.

Role
Full Stack Developer
Tools/Skills
Astro, TypeScript, CSS, Figma
Team
Solo Project
Duration
2024 - Present
CONTEXT

Sharing my personality through design

I wanted to create a portfolio that reflects who I am: combining clean minimalism with playful, data science inspired elements that showcase both my technical skills and personality.

DESIGN APPROACH

Balancing professionalism and playfulness

Every design decision was intentional. From the animated neural network on the About page to the interactive network graph on the Home page, I infused data science elements while maintaining a polished, professional aesthetic.

Design details and personality elements
Hero section with animated network graph
SOLUTION HIGHLIGHTS
1.

Interactive Visualizations

Custom animated network graphs and neural network visualizations using SVG and JavaScript

2.

Cohesive Design System

Developed a custom design system with typography, color palette, and component architecture

3.

Learning & Deployment

Dove deep into modern web development with Astro and TypeScript, learning the full deployment pipeline from development to production

Interactive pinboard
Interactive pinboard with stickers
REFLECTION

What I learned

Beyond technical skills, I learned how to translate my personality into code. The process of iterating on animations and balancing professionalism with playfulness taught me a lot about design thinking. Most importantly, I created something that lets me share a part of me with the world.

Check out my repository