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
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.
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.
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.