A personal portfolio website showcasing my work as a Control Systems Engineer, forked from Ryan Fitzgerald's DevPortfolio template.
- Profile Picture: Added responsive profile photo that scales properly on both PC and mobile
- Thought Bubble: Added animated floating thought bubble with "Thinking in ladder logic 🪜" text
- Project Animations: Enhanced project boxes with floating bubble emoji animations on hover
- Responsive Layout: Fixed name wrapping issues and improved mobile scaling
- Server-Side Rendering: Implemented
output: 'server'for dynamic functionality - Docker Deployment: Containerized with Node.js runtime and persistent data volumes
- Nginx Proxy: Configured for production deployment with SSL support
- Self-Hosted Analytics: Built-in visitor tracking without third-party services
- Data Collection: Tracks page views, unique visitors, IP addresses, location, visit duration, and referrer data
- Persistent Storage: File-based JSON storage with Docker volume persistence
- Real-Time Dashboard: Auto-refreshing admin panel that updates every 30 seconds
- Meta Tags: Comprehensive Open Graph, Twitter Cards, and SEO meta tags
- Structured Data: JSON-LD schema markup for better search engine understanding
- ARIA Attributes: Enhanced screen reader support and semantic HTML
- Focus Management: Improved keyboard navigation and focus indicators
- Robots.txt & Sitemap: Search engine optimization files
- Password Protection: Secure admin dashboard with environment variable authentication
- Data Privacy: Visitor data stored locally, no external tracking services
- Secure Headers: Proper cache control and security headers
Main portfolio page with profile picture and thought bubble |
Real-time visitor analytics dashboard |
- Frontend: Astro, Tailwind CSS, TypeScript
- Backend: Node.js, File system storage
- Deployment: Docker, Nginx Proxy Manager
- Hosting: Self-hosted on home server
- Email: phill.scargill@gmail.com
- LinkedIn: Phillip Scargill
- GitHub: Ph-ill
- Location: Austin, TX
This project is MIT licensed. See LICENSE.md for details.