Responsive Portfolio Website

A mobile-first responsive portfolio website showcasing modern front-end development skills. Built with semantic HTML5, CSS3, and accessibility best practices to demonstrate professional web development capabilities.

🌐 Live Demo

View Live Site →

✨ Features

• 📱 Fully Responsive - Optimized for mobile, tablet, and desktop devices
• ♿ Accessible - WCAG compliant with semantic HTML and ARIA labels
• ⚡ Fast Loading - Optimized images and efficient CSS
• 🔍 SEO Optimized - Meta tags and Open Graph protocol for social sharing

🛠️ Tech Stack

• HTML5 - Semantic markup
• CSS3 - Flexbox, media queries, and modern styling
• Normalize.css - Cross-browser consistency
• Google Fonts - Custom typography (Open Sans & Montserrat)

🚀 Quick Start

1. Clone the repository:

   git clone https://github.com/brianwalkerdev/responsive-personal-portfolio-website.git
   cd responsive-personal-portfolio-website

2. Install dependencies (optional for development server):

   npm install

3. Run locally:

   npm start

   Or simply open index.html in your browser.

📦 Build & Deployment

This is a static website that can be deployed as-is. A build process is optional and only organizes files into a dist/ folder for certain deployment scenarios (e.g., Netlify). You can deploy directly to any static hosting service:

Deploy to GitHub Pages

Already configured! Push to main branch and enable GitHub Pages in repository settings.

Deploy to Netlify

npm run build

Then drag the dist/ folder to Netlify.

Deploy to Vercel

Prerequisite: Install the Vercel CLI globally if you haven't already:

npm install -g vercel

vercel --prod

Other Static Hosts

Simply upload the entire project folder to any static hosting service (AWS S3, Azure Static Web Apps, Firebase Hosting, etc.)

📱 Responsive Breakpoints

• Mobile: < 768px (single column)
• Tablet: ≥ 768px (two-column grid)
• Desktop: ≥ 1024px (three-column grid)

📄 License

MIT License - see LICENSE file for details.

👤 Contact

Brian Walker
Front-End Developer

• GitHub: @brianwalkerdev
• Email: bwalker206@gmail.com
• Portfolio: Live Demo

---

Built with modern web standards for performance, accessibility, and maintainability.