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
CSS3
Responsive Design
Dark Theme
JavaScript
Interactive Elements
Form Handling
Font Awesome
Icons & UI
Visual Elements
Assets
Images & Media
Optimized Files
Layer 3: Hosting Infrastructure
Static Hosting
Fast Delivery
Global CDN
SSL Certificate
HTTPS Security
Data Protection
Domain DNS
Name Resolution
Routing
Performance
Caching
Compression
Monitoring
Uptime
Analytics
GitHub Actions
CI/CD Automation
Build & Deploy
Layer 4: Backend Services
Contact Form
User Input
Validation
Formspree API
Form Processing
Spam Protection
Email Service
Message Delivery
Notifications
SEO Tools
Sitemap.xml
Robots.txt
Analytics
Visitor Tracking
Performance Data

Behind the Scenes: Project Architecture

Explore the inner workings and file organization that powers this portfolio website

portfolio/
assets/
css/
CSS styles.css
images/
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
js/
JS script.js
resume/
CNAME
components/
DEPLOYMENT.md
HTML index.html
pages/
about/
HTML index.html
contact/
HTML confirmation.html
HTML index.html
cv/
HTML index.html
HTML index.html
projects/
HTML index.html
travel/
HTML index.html
README.md
sitemap.xml
15
HTML Pages
12
Images
6
Main Sections
Folders
HTML HTML Files
CSS CSS Files
JS JavaScript Files
Images
Config Files