GitHub Engineering Dashboard

A client-facing engineering portfolio with searchable project case studies, public GitHub statistics, and a direct path to discuss work with Ayoub Odf.

Live showcase: ayoubodf-dev.github.io/github-api-portfolio-showcase

Highlights

• Six curated web, mobile, desktop, and automation project showcases
• Search and category filters, with accessible project-detail dialogs
• Live public GitHub statistics and a repository language summary
• Browser caching for 15 minutes and a graceful API-unavailable state
• Responsive desktop, tablet, and mobile layouts
• A clear delivery process and Fiverr contact links

Project cards show the original demo images from each public showcase repository. Click an image to see a larger preview and project notes; GitHub links provide further documentation. The interface uses a dark charcoal and teal palette.

Local preview

Serve this directory with a static HTTP server, for example:

python3 -m http.server 8769 --bind 127.0.0.1

No build step, secret, GitHub token, or private repository access is required.

Architecture

flowchart LR
    GitHub["GitHub REST API"] --> Cache["Portfolio data cache"]
    Cache --> Dashboard["Engineering dashboard"]
    Dashboard --> Profile["Profile metrics"]
    Dashboard --> Projects["Product showcases"]
    Dashboard --> Skills["Technology overview"]

Loading

Source availability

This repository contains the public showcase interface, documentation, and demonstration media. Underlying product implementations and the separate server dashboard remain private and proprietary.

Copyright © 2026 Ayoub Odf. All rights reserved.