Portfolio Project
How This Website Is Set Up
This portfolio is a static website built with HTML, CSS, and JavaScript. The codebase is managed with Git and hosted on GitHub. Every time I push changes to the main
branch, a GitHub Actions workflow automatically builds and deploys the site to GitHub Pages. The site is served globally via GitHub's CDN. The contact form uses Formspree to securely handle submissions without exposing any backend code or secrets. All configuration and sensitive files are kept outside the public directory and are not deployed. No frameworks or static site generators are used—everything is hand-coded for full control and performance.
Layer 1: User Interface
User
→
Browser
→
allenhoskins.com
→
CDN
Layer 2: Frontend Technologies
HTML5
Semantic Structure
SEO Optimized
SEO Optimized
CSS3
Responsive Design
Dark Theme
Dark Theme
JavaScript
Interactive Elements
Form Handling
Form Handling
Font Awesome
Icons & UI
Visual Elements
Visual Elements
Assets
Images & Media
Optimized Files
Optimized Files
Layer 3: Hosting Infrastructure
Static Hosting
Fast Delivery
Global CDN
Global CDN
SSL Certificate
HTTPS Security
Data Protection
Data Protection
Domain DNS
Name Resolution
Routing
Routing
Performance
Caching
Compression
Compression
Monitoring
Uptime
Analytics
Analytics
GitHub Actions
CI/CD Automation
Build & Deploy
Build & Deploy
Layer 4: Backend Services
Contact Form
User Input
Validation
Validation
→
Formspree API
Form Processing
Spam Protection
Spam Protection
→
Email Service
Message Delivery
Notifications
Notifications
→
SEO Tools
Sitemap.xml
Robots.txt
Robots.txt
→
Analytics
Visitor Tracking
Performance Data
Performance Data
Behind the Scenes: Project Architecture
Explore the inner workings and file organization that powers this portfolio website
about_me.jpeg
cambodia.jpeg
canada.jpeg
israel.JPG
italy.jpg
nepal.jpg
peru.jpeg
portfolio_landing_page.JPG
switzerland.jpeg
thailand.jpeg
united_states.jpeg
CNAME
DEPLOYMENT.md
index.html
README.md
sitemap.xml
15
HTML Pages
12
Images
6
Main Sections