Technical Portfolio Workshop

This repository contains materials for a 90-minute workshop teaching participants how to build a professional technical portfolio using GitHub Pages. Designed for the re:Invent All Builders Welcome workshop.

technical-portfolio/
├── README.md                           # This file
├── instructor-example/                 # Instructor's completed portfolio (reference)
│   ├── index.html
│   ├── about.html
│   ├── projects.html
│   ├── blog.html
│   ├── contact.html
│   ├── she-builds-episodes.html
│   └── styles.css
├── templates/                          # Clean templates for participants
│   ├── index.html
│   ├── about.html
│   ├── projects.html
│   ├── blog.html
│   ├── contact.html
│   └── styles.css
└── workshop-materials/                 # Workshop guides and resources
    ├── WORKSHOP-DELIVERY-GUIDE.md     # Instructor guide with timeline
    ├── PARTICIPANT-GUIDE.md           # Participant reference guide
    ├── AI-ENHANCEMENT-GUIDE.md        # AI prompts for Phase 2
    └── q-developer-rules/             # Q Developer workflow rules
        └── portfolio-workflow.md

Duration: 90 minutes
Target Audience: Early career technologists (All Builders Welcome grant recipients)
Goal: Every participant leaves with a working 3-page portfolio

Phase 1 (40 min) - Build Together:

• Everyone follows manual HTML editing
• Instructor leads, participants follow along
• Build homepage, about page, projects page
• ✅ Guaranteed success: Everyone has working portfolio

Phase 2 (15 min) - Choose Enhancement:

• Track A: AI-powered content enhancement (for those with AI tools)
• Track B: Manual polish and refinement (for everyone else)

1. Review workshop-materials/WORKSHOP-DELIVERY-GUIDE.md
2. Prepare your example portfolio in instructor-example/
3. Share repository link with participants before workshop
4. Coordinate with helpers using delivery guide timeline
5. Test setup flow before workshop day

See workshop-materials/PARTICIPANT-GUIDE.md for complete instructions.

Quick Setup:

1. Clone this repository
2. Copy templates/ → my-portfolio/
3. Open technical-portfolio/ folder in text editor
4. Follow along with instructor during workshop

• Responsive design - Works on mobile and desktop
• WCAG accessible - Meets accessibility standards
• Modern styling - Clean, professional appearance
• Easy customization - Simple color scheme changes
• No dependencies - Pure HTML/CSS, no frameworks

By workshop end, participants will have:

• Working portfolio with their real content
• At least 3 pages (home, about, projects)
• Contact information
• Mobile-responsive design
• Knowledge of how to update it

• PARTICIPANT-GUIDE.md - Complete before/during/after guide
• AI-ENHANCEMENT-GUIDE.md - Optional AI prompts for Phase 2

• WORKSHOP-DELIVERY-GUIDE.md - Timeline, coordination, troubleshooting

Participants can:

• Deploy to GitHub Pages (instructions in participant guide)
• Continue customizing their portfolio
• Add more projects and content
• Use AI tools to enhance further

This workshop is designed for re:Invent All Builders Welcome. For questions or improvements, please open an issue.

MIT License - Feel free to use and adapt for your own workshops.

Built with ❤️ for the AWS community