Designed, Built, and Debugged by Me
This portfolio is the product of learning by doing.
Quarto HTML CSS / SCSS R GitHub Pages
97
logged changes
8
sections built
6
stylesheets written
∞
bugs encountered

See how it all came together:

https://github.com/kathleen-juarez/portfolio-site.git

If you’re asking yourself this question, you’ve clearly never spent the night crying in front of your computer after unsuccessfully trying to push your code, merge divergent branches, and then lose your entire document in the process. Ah, to have a layman’s innocence.

GitHub is a website where people store and share code. Think of it like Google Drive, but specifically designed for coding projects. People can save their work, track changes over time, and collaborate without overwriting each other.

Build Highlights:

Deployment
Getting the site live involved more than clicking "publish." Connecting a custom domain, resolving Jekyll conflicts with Quarto's file structure, fixing broken CSS on the live site, and wrangling Git branch divergence.
Design System
A deliberate six-color palette, a multi-file SCSS architecture, and custom font overrides. Every element — navbar, hero, buttons, headings — styled intentionally rather than inherited by default.
Navigation
Dropdown menus, left-justified links, custom font sizing and weight, a tooltip that appears on hover over this very page's nav link — the navbar alone required half a dozen targeted CSS fixes.
Iconography
This site uses Bootstrap Icons and Font Awesome for inline iconography. Both libraries are loaded via CDN and do not require any local installation. Icons are embedded directly in the page using standard HTML syntax.

Tools Used

Tool Purpose
Quarto Site framework & rendering
CSS / SCSS Custom styling & Bootswatch overrides
HTML Custom components & page structure
R Dashboard templating & rendering
GitHub Version control & hosting
Data Studio GA4 Analytics dashboard layout