Skip to content

Jobs Dashboard Site

Status: Archived

Overview

The Jobs Dashboard Site is a small dashboard that visualizes key metrics for a job search:

  • Applications over time
  • Pipeline health and status breakdown
  • Source effectiveness (where good leads come from)
  • Focus by keyword/skills

It’s meant to be both a personal tracking tool and a portfolio artifact showing how I think about data, dashboards, and deployment.

Purpose

  • Give me a quick, visual snapshot of my job hunt.
  • Demonstrate a simple but real-world static app + infra stack (React, charts, S3, CloudFront, Terraform).

Architecture

Browser → CloudFront → S3 bucket (static React app + JSON data)

  • Frontend: React + TypeScript (Vite), Tailwind CSS, Recharts
  • Data: Static jobs-data.json generated from a Google Sheets export (CSV → JSON via Python)
  • Hosting: AWS S3 behind AWS CloudFront

Domain & TLS:

  • Route 53 public hosted zone for jhcloudops.com
  • ACM certificate

Infrastructure as Code: Terraform

  • foundation module → Route 53 + ACM for the whole domain
  • jobs_dashboard_site module → S3 bucket, CloudFront distribution, DNS records

Responsibilities

This system is responsible for:

  • Serving the latest built version of the jobs dashboard.
  • Displaying job search metrics based on a sanitized data snapshot.
  • Providing fast, reliable, HTTPS access via CloudFront.

Dependencies

  • AWS account with: S3, CloudFront, Route 53, ACM
  • Terraform project under infra/ (module: jobs_dashboard_site)
  • App repo: /jhcloudops-jobs-dashboard
  • Data source: Google Sheets job applications workbook (Applications + Export sheets)
  • AWS credentials configured locally
  • Node.js + npm for building the frontend
  • Python for CSV → JSON data generation script