Research Portfolio

A modern React portfolio showcasing expertise in game security analysis, reverse engineering, and advanced gaming tools development.

Live Demo: https://harly-portfolio.netlify.app/

Features

• Smooth animations using Framer Motion and React Spring
• Dark/Light mode toggle with animated theme transitions
• Responsive, mobile-first design with intuitive navigation
• Interactive project showcase with hover effects
• Contact form integrated with Discord webhook for direct messages

Technologies

• React 18 with hooks and functional components
• Styled Components for dynamic theming and styling
• TypeScript-ready architecture
• Performance optimized with lazy loading and memoization

Installation

git clone https://github.com/astafofo/portfolio.git
cd portfolio
npm install
npm start

Build for Production

npm run build

# To serve production build locally
npm install -g serve
serve -s build

Project Structure

personal-portfolio/
├── public/
│   └── index.html          # HTML template
├── src/
│   ├── components/         # React components (Header, Hero, Projects, Contact, etc.)
│   ├── App.js              # Main app component with theming
│   ├── index.js            # React entry point
│   └── index.css           # Global styles
├── package.json            # Dependencies and scripts
└── README.md               # Project documentation