My Resume

Source for my resume site at alampros.com

As all of my professional work products from the last decade have been under NDA (or otherwise not publicly visible), I took the opportunity to use this site to showcase some of what I'd like to do more of professionally.

The major goals of this site are:

• Good responsive experience
• Accessibility
• Maintainability

Architecture

Multiple Media, Same Data

The HTML, PDF, and VCF files are all generated from the same data (jobs, skills, etc) in src/data. I opted not to use Gatsby's built-in GraphQL features because the data is completely static.

Technologies

This site is built with:

Gatsby ❤️
Uses React, Webpack & Babel to compile modern, blazingly-fast, static websites.

TypeScript
Tooling, type safety, and a scapegoat for configuration rage.

Netlify
Static hosting with integrated CI/CD, DNS, CDN, and many more impressive acronyms.

React-PDF
Provides React components and primitives to render PDFs using pdfkit and the yoga flexbox layout system. Used to render the PDF version of my resume.

Eslint
I can't live without eslint + ale.

CSS Modules
Styling in React is an incredibly polarizing topic. I've used many of the solutions out there, but I keep coming back to CSS modules for the simple reason that it's only once-removed from native CSS, while still providing the means to co-locate and isolate your component styles.

Questions?

Wondering why I made a particular design choice? Why not Angular/Vue/jQuery? Why ____? Feel free to open an issue on this repo or just email me.