ReactSparkPortfolio

Summary

Here's a comprehensive technical summary of the ReactSparkPortfolio repository: ReactSparkPortfolio is an advanced, enterprise-grade personal portfolio web application built with React 19, TypeScript, and Vite, designed to showcase professional skills, projects, and technical capabilities through a modern, high-performance, and fully responsive single-page application. The project demonstrates cutting-edge web development practices by incorporating sophisticated features like real-time SignalR chat, dynamic weather widgets, RSS feed integration, and a flexible admin panel, all implemented with strict type safety and modular architecture. Leveraging a cloud-native design with Azure Static Web Apps and GitHub Actions for CI/CD, the application provides a scalable, performant solution that emphasizes accessibility, responsive design, and seamless user experience across multiple platforms and devices. The tech stack combines multiple modern web technologies including Bootstrap 5, SCSS, React Context API, and external APIs, creating a comprehensive showcase of full-stack development skills with a focus on clean code, performance optimization, and professional-grade implementation. What distinguishes this portfolio is its holistic approach - not just serving as a personal website, but functioning as a reference implementation of contemporary web development methodologies, demonstrating best practices in frontend engineering, state management, and interactive web applications. The project is particularly valuable for developers seeking a robust, production-ready template for personal branding, technical demonstration, and as a learning resource for modern web development techniques.

Snapshot

Stars

0

Forks

0

Watchers

0

Spark score

29.5

Rank

#27

Commit velocity

3.0/mo

Recent commits

9 (90d)

Total commits

119

Last commit

Jan 5, 2026

Last push

Jan 9, 2026

Created

Oct 11, 2024

Updated

Jan 5, 2026

Age

464 days

Days since push

10 days

Repo size

44,354 KB

Languages

5

Dependencies

35

Outdated deps

0

All metrics

age_days

464

avg_commit_size

N/A

commit_history

{
  "repository_name": "ReactSparkPortfolio",
  "total_commits": 119,
  "recent_90d": 9,
  "recent_180d": 25,
  "recent_365d": 79,
  "last_commit_date": "2026-01-05T03:11:45+00:00",
  "patterns": [
    "maintained",
    "current"
  ],
  "commit_frequency": 3,
  "consistency_score": 0,
  "activity_rate": 0.1,
  "days_since_last_commit": 14,
  "first_commit_date": "2024-10-11T23:31:56+00:00"
}

commit_metrics

N/A

commit_velocity

3

composite_score

29.46

created_at

2024-10-11T23:31:56+00:00

days_since_last_push

10

description

ReactSparkPortfolio is a production-ready, enterprise-grade developer portfolio built with React 19, TypeScript, and Vite.

first_commit_date

2024-10-11T23:31:56+00:00

forks

0

has_readme

true

is_fork

false

is_private

false

language

CSS

language_count

5

language_stats

{}

languages

{}

largest_commit

N/A

last_commit_date

2026-01-05T03:11:45+00:00

name

ReactSparkPortfolio

pushed_at

2026-01-09T00:32:40+00:00

rank

27

recent_commits_90d

9

size_kb

44354

smallest_commit

N/A

stars

0

tech_stack

{
  "repository_name": "ReactSparkPortfolio",
  "languages": {},
  "frameworks": [],
  "dependencies": [
    {
      "name": "@microsoft/signalr",
      "current_version": "10.0.0",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "axios",
      "current_version": "1.13.2",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "bootstrap",
      "current_version": "5.3.8",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "bootstrap-icons",
      "current_version": "1.13.1",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "date-fns",
      "current_version": "4.1.0",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "react",
      "current_version": "19.2.3",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "react-bootstrap",
      "current_version": "2.10.10",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "react-bootstrap-icons",
      "current_version": "1.11.6",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "react-dom",
      "current_version": "19.2.3",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "react-markdown",
      "current_version": "10.1.0",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "react-router-dom",
      "current_version": "7.11.0",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "@azure/static-web-apps-cli",
      "current_version": "2.0.7",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "@eslint/js",
      "current_version": "9.39.2",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "@rollup/plugin-strip",
      "current_version": "3.0.4",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "@types/axios",
      "current_version": "0.14.4",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "@types/leaflet",
      "current_version": "1.9.21",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "@types/react",
      "current_version": "19.2.7",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "@types/react-dom",
      "current_version": "19.2.3",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "@vitejs/plugin-react",
      "current_version": "5.1.2",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "concurrently",
      "current_version": "9.2.1",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "eslint",
      "current_version": "9.39.2",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "eslint-plugin-react-hooks",
      "current_version": "7.0.1",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "eslint-plugin-react-refresh",
      "current_version": "0.4.26",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "fontawesome-free",
      "current_version": "1.0.4",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "globals",
      "current_version": "17.0.0",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "leaflet",
      "current_version": "1.9.4",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "react-leaflet",
      "current_version": "5.0.0",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "rimraf",
      "current_version": "6.1.2",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "sass",
      "current_version": "1.97.1",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "ts-node",
      "current_version": "10.9.2",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "tsx",
      "current_version": "4.21.0",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "typescript",
      "current_version": "5.9.3",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "typescript-eslint",
      "current_version": "8.51.0",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "vite",
      "current_version": "7.3.0",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "vite-plugin-static-copy",
      "current_version": "3.1.4",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    }
  ],
  "version_info": {},
  "dependency_file_type": "package.json",
  "currency_score": 50,
  "outdated_count": 0,
  "total_dependencies": 35,
  "primary_language": null,
  "language_diversity": 0,
  "outdated_percentage": 0
}

total_commits

119

updated_at

2026-01-05T03:11:52+00:00

url

https://github.com/markhazleton/ReactSparkPortfolio

watchers

0