Andrew Girgis - Portfolio

My personal portfolio website showcasing my work as a Data Scientist and Economist.

🌐 Live Site: andrew-girgis.com

✨ Highlights

• Interactive Workspace Section: SVG-based desk setup with clickable hotspots showcasing my equipment
• AI Chatbot (Sierra): RAG-powered assistant with context-aware responses about my background and projects
• Dynamic Projects Showcase: Modal views with detailed project information and filtering by tags
• Overlapping Photo Gallery: Creative visual presentation with smooth transitions
• Cinematic Hero Section: Full-screen video background with responsive design
• Dark/Light Theme: System-wide theme toggle with persistent preferences
• Clickable Avatar System: Interactive navigation avatar that cycles through multiple designs

🛠️ Built With

Frontend: React • TypeScript • Vite • Tailwind CSS
UI Components: shadcn/ui • Radix UI • Lucide Icons
AI Integration: n8n • RAG (Retrieval-Augmented Generation)
Hosting: Netlify

📁 Key Project Structure

📁 Key Project Structure

src/
├── components/          # React components
│   ├── ui/             # Reusable UI components (chatbot, buttons, etc.)
│   ├── HeroSection.tsx # Video hero section
│   ├── AboutSection.tsx
│   ├── ProjectsSection.tsx
│   ├── DeskSetup.tsx   # Interactive workspace hotspots
│   └── Footer.tsx
├── data/               # Project data and configurations
│   ├── projects.ts     # Project showcase data
│   └── deskHotspots.ts # Workspace equipment details
├── assets/             # Images, videos, SVGs
└── pages/              # Route pages

🌐 Deployment

Deployed on Netlify with automatic builds from the main branch.

📫 Connect With Me

• 🌐 Website: andrew-girgis.com
• 💼 LinkedIn: andrewagirgis
• 🐙 GitHub: andrew-girgis
• 🐦 X: @AndrewGirgis
• 📊 Kaggle: andrewagirgis
• 💻 StrataScratch: AndrewGirgis

---

Version 2.0.0 • Made with ❤️ and lots of ☕