my portfolio {hacker edition}

a modern, interactive portfolio showcasing my skills and projects as a full-stack software developer.

technologies utilized

react	typescript	tailwind css	vite	framer motion

view live

key features

• animated ascii art header: eye-catching introduction using framer motion
• interactive tech stack display: hover-triggered project information
• key projects showcase: highlighting my best work with github links
• responsive design: seamless experience across all devices
• dark mode: sleek, terminal-inspired interface

project structure

src/
├── components/
│   ├── ascii/
│   │   ├── AnimatedASCII.tsx    # ascii art animation
│   │   └── SocialLinks.tsx      # github and linkedin links
│   ├── layout/
│   │   ├── Footer.tsx           # page footer with tech icons
│   │   ├── Header.tsx           # personal info and contact
│   │   └── Layout.tsx           # main container component
│   ├── projects/
│   │   └── KeyProjects.tsx      # featured projects section
│   └── tech/
│       ├── TechStack.tsx        # interactive tech stack display
│       └── TechStackItem.tsx    # individual tech item component
├── main.tsx                     # app entry point
└── index.css                    # global styles and tailwind imports

quick start

1. clone: git clone https://github.com/detalhe/portfolio.git
2. install: npm install
3. run: npm run dev
4. view: open http://localhost:5173 in your browser

customization guide

1. personal info: update Header.tsx
2. projects: modify KeyProjects.tsx
3. tech stack: adjust TechStack.tsx and TechStackItem.tsx
4. styling: customize Tailwind classes in component files

deployment

optimized for easy deployment on vercel or netlify. follow their docs for specific instructions.

let's connect

github	linkedin	email