Mark Hazleton
Back to GitHub activity
Repository

MechanicsOfMotherhood

MechanicsOfMotherhood

TypeScript
View on GitHub

Summary

Here's a comprehensive technical summary of the Mechanics of Motherhood repository: Mechanics of Motherhood is a sophisticated, mobile-first recipe management platform designed specifically for busy working mothers, leveraging modern web technologies to solve kitchen organization challenges. The application provides a comprehensive recipe ecosystem with over 108 curated recipes, featuring smart categorization, advanced search capabilities, and an intuitive user interface built using React 19, TypeScript, and Tailwind CSS. Architecturally, the project implements a robust, performance-optimized single-page application (SPA) with TanStack Query for state management, GitHub Pages for deployment, and seamless API integration with RecipeSpark and WebCMS backends. The platform distinguishes itself through its industrial-themed design, progressive web app (PWA) capabilities, offline support, and a strong emphasis on data quality, accessibility, and mobile-first responsive experiences, making complex meal planning more manageable for its target demographic of time-constrained mothers. Key technical highlights: - Modern React + TypeScript stack - Mobile-first responsive design - PWA with offline capabilities - Automated CI/CD via GitHub Actions - Performance-optimized with Vite - WCAG accessible - Real-time API data integration

Snapshot

Stars
0
Forks
0
Watchers
0
Spark score
30.1
Rank
#24
Commit velocity
0.7/mo
Recent commits
2 (90d)
Total commits
75
Last commit
Jan 4, 2026
Last push
Jan 4, 2026
Created
Sep 1, 2025
Updated
Jan 4, 2026
Age
139 days
Days since push
14 days
Repo size
4,809 KB
Languages
4
Dependencies
38
Outdated deps
0

All metrics

age_days
139
avg_commit_size
N/A
commit_history
{
  "repository_name": "MechanicsOfMotherhood",
  "total_commits": 75,
  "recent_90d": 2,
  "recent_180d": 75,
  "recent_365d": 75,
  "last_commit_date": "2026-01-04T18:02:32+00:00",
  "patterns": [
    "maintained",
    "current",
    "declining"
  ],
  "commit_frequency": 0.67,
  "consistency_score": 0,
  "activity_rate": 0.022,
  "days_since_last_commit": 14,
  "first_commit_date": "2025-09-01T13:10:13+00:00"
}
commit_metrics
N/A
commit_velocity
0.67
composite_score
30.14
created_at
2025-09-01T13:10:13+00:00
days_since_last_push
14
description
MechanicsOfMotherhood
first_commit_date
2025-09-01T13:10:13+00:00
forks
0
has_readme
true
is_fork
false
is_private
false
language
TypeScript
language_count
4
language_stats
{}
languages
{}
largest_commit
N/A
last_commit_date
2026-01-04T18:02:32+00:00
name
MechanicsOfMotherhood
pushed_at
2026-01-04T18:02:36+00:00
rank
24
recent_commits_90d
2
size_kb
4809
smallest_commit
N/A
stars
0
tech_stack
{
  "repository_name": "MechanicsOfMotherhood",
  "languages": {},
  "frameworks": [],
  "dependencies": [
    {
      "name": "@radix-ui/react-dialog",
      "current_version": "1.1.15",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "@radix-ui/react-separator",
      "current_version": "1.1.8",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "@radix-ui/react-slot",
      "current_version": "1.2.4",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "@radix-ui/react-toast",
      "current_version": "1.2.15",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "@radix-ui/react-tooltip",
      "current_version": "1.2.8",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "@tailwindcss/typography",
      "current_version": "0.5.19",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "@tailwindcss/vite",
      "current_version": "4.1.18",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "class-variance-authority",
      "current_version": "0.7.1",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "clsx",
      "current_version": "2.1.1",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "dotenv",
      "current_version": "17.2.3",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "lucide-react",
      "current_version": "0.562.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-dom",
      "current_version": "19.2.3",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "react-helmet-async",
      "current_version": "2.0.5",
      "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": "tailwind-merge",
      "current_version": "3.4.0",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "tailwindcss",
      "current_version": "4.1.18",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "tailwindcss-animate",
      "current_version": "1.0.7",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "web-vitals",
      "current_version": "5.1.0",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "wouter",
      "current_version": "3.9.0",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "@testing-library/dom",
      "current_version": "10.4.1",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "@testing-library/jest-dom",
      "current_version": "6.9.1",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "@testing-library/react",
      "current_version": "16.3.1",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "@testing-library/user-event",
      "current_version": "14.6.1",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "@types/node",
      "current_version": "25.0.3",
      "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": "@vitest/coverage-v8",
      "current_version": "4.0.16",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "esbuild-register",
      "current_version": "3.6.0",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "glob",
      "current_version": "13.0.0",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "jsdom",
      "current_version": "27.4.0",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "fast-xml-parser",
      "current_version": "5.3.3",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "rollup-plugin-visualizer",
      "current_version": "6.0.5",
      "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": "vite",
      "current_version": "7.3.0",
      "latest_version": null,
      "ecosystem": "npm",
      "versions_behind": 0,
      "is_outdated": false,
      "status": "unknown"
    },
    {
      "name": "vitest",
      "current_version": "4.0.16",
      "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": 38,
  "primary_language": null,
  "language_diversity": 0,
  "outdated_percentage": 0
}
total_commits
75
updated_at
2026-01-04T18:02:40+00:00
url
https://github.com/markhazleton/MechanicsOfMotherhood
watchers
0